javascript - 鼠标光标根据事件变化

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

当请求结束时，您需要将光标设置为“自动”，而不是“默认”。您可以在任何带有文本的元素上看到差异。