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

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Libérer： 2016-06-24 12:15:18

original

926 Les gens l'ont consulté

<!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>

Copier après la connexion

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