鼠标光标根据事件更改

Question

我有一个我要发送的ajax请求.当请求开始时,我有

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

它会立即将光标的外观更改为旋转圆圈.

当请求结束时,我有

  document.body.style.cursor = "default";

但是,这只会在用户移动鼠标时将光标返回到其原始状态.如果鼠标保持不动,则光标不会改变.当您将其设置为"自动"或任何其他类型时,光标更改将仅在其移动时触发.

有任何想法吗？

Answer 1

只需滚动窗口0,0.

document.body.style.cursor = "auto";
window.scroll(0, 0);
// tested in IE8 and FF3.6

当请求结束时,您需要将光标设置为"auto",而不是"默认".您可以在带有文本的任何元素上看到差异.