Курсор исчезает на 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 нет, то по умолчанию курсор браузера будет отображаться вместо укрытия.