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?

• javascript
• jquery
• css
• ajax

Share Improve this question Follow edited Feb 14, 2011 at 2:03 kirilloid 14.3k66 gold badges4242 silver badges5454 bronze badges asked Feb 14, 2011 at 0:58 frenchiefrenchie 52.1k117117 gold badges320320 silver badges527527 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 7

just 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