求高手修改这段代码，能支持IE6/IE7_html/css

首页

web前端

html教程

求高手修改这段代码，能支持IE6/IE7_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 pm 12:15 PM

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>HTML5 javascript 简单拖拽代码示例</title><script language="javascript">function DraggAble(obj){   obj.draggable = true;      this.drag_start = function(e) {      e.dataTransfer.effectAllowed='move';      e.dataTransfer.dropEffect='move';      e.dataTransfer.setData("Text", e.target.getAttribute('id'));       e.dataTransfer.setDragImage(e.target,0,0);       return true;   }   obj.ondragstart = this.drag_start;}function DropAble(obj){   obj.draggable = true;   this.drag_drop = function(e){      e.target.appendChild(document.getElementById(e.dataTransfer.getData('Text')));      return false;   }   this.drag_over = function(e){      return false;   }      obj.ondrop =  this.drag_drop;   obj.ondragover = this.drag_over;}</script></head><body>	<div style="width:200px; height:200px; background-color:#CC33CC; float:left" id="box4" ondrop="alert(1)" >      主区域<div style="width:100px; height:100px; background-color:#09F;" id="obj" ondrop="alert(1)" >       可以把我拖拽到不同的区域哦！    </div>    </div>       <div style="width:200px; height:200px; background-color:#CCC; float:left" id="box1" ondrop="alert(1)" >      区域1    </div>    <div style="width:200px; height:200px; background-color:#F00; float:left" id="box2" ondrop="alert(1)" >       区域2    </div>    <div style="width:200px; height:200px; background-color:#666; float:left" id="box3" ondrop="alert(1)" >       区域3    </div><script language="javascript">DraggAble(document.getElementById("obj"));DropAble(document.getElementById("box1"));DropAble(document.getElementById("box2"));DropAble(document.getElementById("box3"));DropAble(document.getElementById("box4"));</script></body></html>

目前这段代码能支持火狐和谷歌浏览器，但是IE核心的浏览器都不能兼容。

回复讨论(解决方案)

Jquery ui也有拖拽的功能，可以拖拽，但是不方便直接排版，或者可以提供拖拽之后，可以微调或自动对齐的方法？

标题有歧义，不好意思！
现在不支持IE的，希望能修改成能支持IE6和IE7

声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

为什么HTML标签对Web开发很重要？May 02, 2025 am 12:03 AM

htmltagsareessentialforwebdevelopmentastheyandendenhancewebpages.1）heSdefinElayout，语义和互动性。2）SemantictagsiCtagSimproveCacsibilitieAndseo.3）pose poseriblesibilityAndseoandseo.3）poser