光标在 Firefox Mac 上消失并且不会重置

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

不是使用 "none" 属性来隐藏光标，如果我们使用 URL 和 "auto" 作为回退，它就起作用了。

$( "#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 上消失并且不会重置

Cursor disappears on Firefox Mac and doesn't reset

javascript

css

macos

firefox

osx-elcapitan