在元素下动态移动时，游标样式不会更新

Question

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

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

如果您在div上悬停，光标将更改为move。但是，如果单击并将div移到光标下面，则光标将保持默认箭头，直到您移动光标至少1 1px。

这是一个JSFiddle演示。

是否有一种通过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", '');
        });
    });
});