Heim >Web-Frontend >HTML-Tutorial >求高手修改这段代码，能支持IE6/IE7_html/css_WEB-ITnose
求高手修改这段代码，能支持IE6/IE7_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:15:18867Durchsuche
<!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
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：uploadify 手动控制是否弹出选择文件的对话框_html/css_WEB-ITnoseNächster Artikel：DIV中的文字下居中怎么设置_html/css_WEB-ITnose