CODEWITHSUNDEEP
javascriptjquerycssajax
frenchie
frenchie

Reputation: 51927

mouse cursor change based on event

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?

Upvotes: 6

Views: 2656

Answers (2)

frenchie
frenchie

Reputation: 51927

It's a chrome bug: http://code.google.com/p/chromium/issues/detail?id=26723

Upvotes: 1

kirilloid
kirilloid

Reputation: 14304

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.

Upvotes: 7

Related Questions