How to make the cursor change before mouse movement when changing the cursor style dynamically

Question

I am changing the cursor dynamically by setting node.style.cursor = 'foo' when the item becomes selected. It seems that my cursor does not change until the mouse moves the pixel.

Is there a way to tell the browser to change it immediately?

Answer 1

You can try using jQuery.

$(node).css('cursor', 'wait'); 

Or play with changing classes dynamically.

css will be:

 span.auto {cursor:auto} span.wait {cursor:wait} 

javascript will be:

 $(node).removeClass('auto'); $(node).addClass('wait);