Internet Explorerがマウスの移動後にのみカーソルの変更をトリガーすることは知っていますが、マウスがクリックされている間はそのような変更を防止しているようです。
私が作成した例を次に示します: http://jsfiddle.net/AfKxt/18/
新しいカーソルで CSS を作成しました
.mouseMoving{
cursor: url("http://www.rw-designer.com/cursor-extern.php?id=51958"), default;
}
特定の div で mousedown が呼び出されると、クラス「buttonDown」を追加し、ボタンがアップしたときにそれを削除します。
ボタンが押された状態 (つまり、「buttonDown」クラスが存在する状態) でマウスを動かすと、CSS クラスに新しいカーソルが追加されます。
var m_node = $("#mainDiv");
m_node
.mousedown(function(){
m_node.addClass('buttonDown');
})
.mouseup(function(){
m_node.removeClass('buttonDown');
m_node.removeClass('mouseMoving');
})
.mousemove(function(){
if(m_node.hasClass('buttonDown')){
m_node.addClass('mouseMoving');
}
});
FF と Chrome ではすべて正常に動作しますが、(大きなニュースですよね?) IE では動作しません。
なぜ私がこれを取得しているのか誰かが知っていますか?