Home/ Questions/Q 6803247
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T19:19:16+00:00

I need to change the mouse pointer to the wait cursor. I tried document.body.style.cursor

  • 0

I need to change the mouse pointer to the wait cursor. I tried

document.body.style.cursor = 'wait';

In my fiddle, my mouse cursor does not change (nor does it change in my main app). I tried a couple methods, but nothing seems to work (IE7 and FF7 tested). How do I change the cursor? I am open to using CSS instead of JavaScript if that works better.

For what it is worth…In the final program, I need to change the pointer at the start of an AJAX call and then change it back to the default in the callback. But, this is a simplified example and still does not work.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Since there is no text you don’t really have a body (in terms of “it has no height”).

    Try adding some content and then hovering the text: http://jsfiddle.net/kX4Es/4/. You can just use CSS.

    Or, add it to the <html> element to bypass this <body> constraint: http://jsfiddle.net/kX4Es/3/.

    html {
    cursor: wait;
}
    • 0