正如您在本实例中看到的那样:http://jsfiddle.net/VU328/当我们每次鼠标翻过div.outer
或者外出时,我们都试图拖动主要的可拖动元素(div.inner
)可拖动的框(即进入body
区域内)光标快速变为不允许,并立即恢复正常移动。
有标记显示嵌套情况:
<div class='outer' draggable='true' >
<div class='inner' >
abc
</div>
</div>
这是允许默认拖动效果的最小Javascript代码:
$(document.body).bind('dragover', function(e) {
e.preventDefault();
});
至少在Windows和Chrome(36.0.1985.125 m)以及IE(11.0.9600.17207)中都会发生这种情况。
有没有&#34;标准&#34;修复哪个适用于html5本机拖动API? (即没有用某个图像替换光标或用另一个div.outer
覆盖div
或使用jquery-ui或类似的库)
答案 0 :(得分:1)
发现它!
您还必须阻止dragenter
的默认行为:
$(document.body).bind('dragenter', function(e) {
e.preventDefault();
});