I have an ajax request that I'm sending. When the request starts, I have
document.body.style.cursor = "wait";
which immediately changes the appearance of the cursor to a spinning circle.
When the request ends, I have
document.body.style.cursor = "default";
However, this only returns the cursor to its original state when the user moves the mouse; if the mouse stays still, the cursor won't change. When you set it to "auto" or any other kind, the cursor change will only trigger when it moves.
Any ideas?
I have an ajax request that I'm sending. When the request starts, I have
document.body.style.cursor = "wait";
which immediately changes the appearance of the cursor to a spinning circle.
When the request ends, I have
document.body.style.cursor = "default";
However, this only returns the cursor to its original state when the user moves the mouse; if the mouse stays still, the cursor won't change. When you set it to "auto" or any other kind, the cursor change will only trigger when it moves.
Any ideas?
Share Improve this question edited Feb 14, 2011 at 2:03 kirilloid 14.3k6 gold badges42 silver badges54 bronze badges asked Feb 14, 2011 at 0:58 frenchiefrenchie 52.1k117 gold badges320 silver badges527 bronze badges2 Answers
Reset to default 7just scroll window by 0,0.
document.body.style.cursor = "auto";
window.scroll(0, 0);
// tested in IE8 and FF3.6
And when the request ends, you need to set cursor to "auto", not a "default". You can see the difference on any element with text.
It's a chrome bug: http://code.google./p/chromium/issues/detail?id=26723