Javascript 光标样式不为'；当元素在其下动态移动时，不会更新

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

div

直接移动到光标下方

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

让我停下来！

如果将鼠标悬停在

div

上，光标将变为

移动

。但是，如果单击并在光标下移动

div

，光标将保持默认箭头，直到将光标移动至少1px

---

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

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

---

你的小提琴在我的Firefox和Chrome.Hm中运行良好。我在OSX上。Chrome36.0.1985.125和Safari6.1.4中都有这种行为，但Firefox中没有。也许这只是一个Mac/WebKit的东西？我使用的是一台Windows机器，我看到了你在IE10中描述的效果。其他浏览器（Chrome、Firefox、Safari和Opera）工作正常。太棒了！谢谢你的快速修复。既然你可以用干墙修补，为什么还要填补这个洞呢？[如果要在生产站点上测试，我建议在不同的浏览器中测试此方法]

$(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", '');
        });
    });
});