87,995
社区成员
发帖
与我相关
我的任务
分享来大神解决..... IE9浏览器为什么不能拖拽T.T
<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
#div1, #div2 {
float: left;
width: 100px;
height: 35px;
margin: 10px;
padding: 10px;
border: 1px solid #aaaaaa;
}
</style>
<script type="text/javascript">
function allowDrop(ev) {
ev.preventDefault();
}
var srcdiv = null;
function drag(ev, divdom) {
srcdiv = divdom;
ev.dataTransfer.setData("text/html", divdom.innerHTML);
}
function drop(ev, divdom) {
ev.preventDefault();
if (srcdiv != divdom) {
srcdiv.innerHTML = divdom.innerHTML;
divdom.innerHTML = ev.dataTransfer.getData("text/html");
}
}
</script>
</head>
<body>
<div id="div1" ondrop="drop(event,this)" ondragover="allowDrop(event)" draggable="true" ondragstart="drag(event, this)">
<p>bbb</p>
</div>
<div id="div2" ondrop="drop(event,this)" ondragover="allowDrop(event)" draggable="true" ondragstart="drag(event, this)">
<p>aaa</p>
</div>
</body>
</html>
别的浏览器都可以拖拽换位，IE9怎么不行
...全文
请发表友善的回复…
发表回复
红牛大哥 2017-03-03
- 打赏
- 举报
错误
<div id="div1" ondrop="drop(event,this)" ondragover="allowDrop(event)" draggable="true" ondragstart="drag(event, this)">
<p>bbb</p>
</div><a href="#" id="div1" ondrop="drop(event,this)" ondragover="allowDrop(event)" draggable="true" ondragstart="drag(event, this)">
<p>bbb</p>
</a>红牛大哥 2017-03-03
- 打赏
- 举报
这么简单的问题，纠结了这么久，把div换成a就可以啦~~~~
XMPP 2016-05-08
- 打赏
- 举报
解决了吗？我的文本类型的也不能拖拽
caolelejava 2015-10-13
- 打赏
- 举报
大神能否给我看一下前台源码，我现在遇到的问题就是使用webuploader IE9下不能拖拽上传的问题，很棘手，请赐教！！跪谢！
香蕉猪 2015-07-09
- 打赏
- 举报
ie9仅仅支持用于文本格式的拖放。。。。text/html是不支持的。。。。
http://stackoverflow.com/questions/16720967/datatransfer-setdata-does-not-work-in-ie9
楼主自己看吧。。。。
qq_24877875 2015-07-09
- 打赏
- 举报
我百度html5支持ie9啊 ，，，奇怪。
qq_24877875 2015-07-09
- 打赏
- 举报
有木有可用的插件 推荐下0.0
香蕉猪 2015-07-09
- 打赏
- 举报
找找看有没有相关的兼容插件吧。。。明显就是兼容问题。。。
DaveLeeCN 2015-07-09
- 打赏
- 举报
拖拽是html5的标准功能，IE9貌似有些版本不支持html5，这是版本问题，换IE10或者11吧
qq_24877875 2015-07-09
- 打赏
- 举报
到底有没有人啊 
