JavaScript Cursor Change(并再次变回)

Question

我有这个页面做一些时髦的数据库东西，需要几秒钟来处理，同时我想设置一个 "wait" 光标，这样用户就不会翻转出来并继续点击按钮。我看过

document.body.style.cursor = "等待"

问题是，它仅在鼠标悬停在页面正文上时才有效(即，如果鼠标悬停在按钮上，它仍会显示正常指针)。如何设置，无论鼠标在页面的哪个位置，都显示等待图标？

这个问题的第二部分是，一旦完成就很重要了，我该如何将其恢复原状？如果我将它设置回 "default"，这似乎会覆盖我在 CSS 中设置的任何 "hover" 光标更改(因此它不再成为一只手指定的对象等)。

编辑:第一个答案很好用，除了在 IE 中它不会刷新光标(因此您会注意到光标类型的变化)，直到您实际移动光标。有任何修复吗？

Answer 1

我的建议是两件事:a) 最好像这样写一个 CSS

body.waiting * { cursor: wait; }

b) 使用JS处理body类

/* when you need to wait */
document.body.className = 'waiting';
/* to remove the wait state */
document.body.className = ''; // could be empty or whatever you want

您可能想要添加类而不是替换整个类属性，我建议为此使用类似 jQuery 的东西。

2019 年编辑:不要为此使用 jQuery，使用 classList