javascript - 当元素在其下方动态移动时，光标样式不会更新

Question

当一个元素在光标位置下动态移动时，光标样式不会更新，直到用户将光标移动至少 1 像素。例如，假设我有一些 Javascript 可以在鼠标单击时将此 div 直接移动到光标下方。

<div style="cursor:move">hover me!</div>

如果将鼠标悬停在 div 上，光标将变为 move。但是，如果您单击并且 div 移动到您的光标下方，则光标将保持默认箭头，直到您将光标移动至少 1 像素。

Here's a JSFiddle demo.

有没有办法通过 Javascript 直接更改光标或强制光标正确更新？

Answer 1

暂时手动设置光标移动似乎可行。 一旦再次移动鼠标，应用 JS 的 CSS 就会被清除 + 正常行为接管。

http://jsfiddle.net/x0nbvt25/2/

$(document).ready(function(){
    $("body").on("click", function(c){
        $(".drag").offset({
            top: c.pageY-8,
            left: c.pageX-25
        });
        $("body").css("cursor", "move");
        $("body").mousemove(function(){
            $("body").css("cursor", '');
        });
    });
});