在嵌套元素中进行拖动操作时，光标发生令人不快的变化

Question

正如您在这个实例中看到的：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) 中。

是否有任何适用于 html5 本机拖动 API 的“标准”修复？（即不使用某些图像替换光标或div.outer用另一个图像覆盖div或使用 jquery-ui 或类似的库）

Answer 1

找到了！

您还必须防止以下行为的默认行为dragenter：

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