Question

我正在开发一个网页，我需要将光标隐藏在特定区域（div）中，并在另一个区域显示自定义光标。它适用于所有浏览器，但只是在Firefox Mac上，光标隐藏，永远不会回来。我已经取出导致此问题的代码段（JSFiddle Link）。

$( "#left" ).mousemove(function( event ) {
    leftDiv.style.cursor = "none";
    console.log("Left - " + leftDiv.style.cursor);
});

$( "#right" ).mousemove(function( event ) {
    rightDiv.style.cursor = "url('http://cur.cursors-4u.net/cursors/images11/cur1047.png'), auto";
    console.log("Right - " + rightDiv.style.cursor);
});

以下是如何转载 - 尝试在空白区域和文本区域之间连续移动光标，在某些时候光标完全消失，根本无法看到。这可以解决一些问题吗？我看到firefox here

上报告了一个错误

Answer 1

如果我们使用带有回退的URL作为“auto”，而不是使用“none”属性来隐藏游标，那么它就可以工作。

$( "#left" ).mousemove(function( event ) {
leftDiv.style.cursor = "url('http://www.jholjhaal.com/wp-content/uploads/2013/05/HiddenCursor.cur'), auto";
console.log("Left - " + leftDiv.style.cursor);
});

$( "#right" ).mousemove(function( event ) {
rightDiv.style.cursor = "url('http://cur.cursors-4u.net/cursors/images11/cur1047.png'), auto";
console.log("Right - " + rightDiv.style.cursor);
});

这种方法的问题在于，如果url中指定的资源不存在，那么浏览器的默认光标将显示而不是隐藏。

游标在Firefox Mac上消失，不会重置

1 个答案: