javascript - 如何覆盖悬停按钮的 css 光标属性？

Question

我有一个 <button> ，当用户悬停它时，光标变为指针(通过 CSS)。

当用户点击 <button> ，所有页面的光标应该变成wait (通过 jQuery)。

但是，如果用户将光标保持在 <button> 内, 它将保持为 pointer .我该如何解决这个问题？

实例:http://jsfiddle.net/URuLa/

使用 Chrome 36.0.1985.125(最新版本)测试

Answer 1

为 html 添加一个类，它设置光标并设置所有元素在 html 具有该类时也具有等待光标

CSS

html.wait, html.wait * {
   cursor:wait;
}

然后而不是做

$('html').css("cursor","wait");

使用addClass将wait类添加到html

$('html').addClass("wait");

JSFiddle Demo

然后完成后只需使用 removeClass 删除类