當元素在其下動態移動時，光標樣式不會更新

Question

當元素動態移動到光標所在的位置時，光標樣式不會更新， 直到用戶將光標至少移動1px為止 。 例如，假設我有一些Javascript，可以通過單擊鼠標將div直接移到光標下方。

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

如果將鼠標懸停在div ，光標將更改為move 。 但是，如果單擊並且div被移動到光標下方，則光標將保持默認箭頭，直到您將光標至少移動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", '');
        });
    });
});