在嵌套元素中的拖动操作期间,光标会发生令人不快的变化

时间:2014-08-05 23:25:09

标签: html5 internet-explorer google-chrome drag-and-drop

正如您在本实例中看到的那样: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();
});

Mockup cursor movement

至少在Windows和Chrome(36.0.1985.125 m)以及IE(11.0.9600.17207)中都会发生这种情况。

有没有&#34;标准&#34;修复哪个适用于html5本机拖动API? (即没有用某个图像替换光标或用另一个div.outer覆盖div或使用jquery-ui或类似的库)

1 个答案:

答案 0 :(得分:1)

发现它!

您还必须阻止dragenter的默认行为:

$(document.body).bind('dragenter', function(e) {
    e.preventDefault();
});