在Javascript中更改所有对象的Cursor

top*_*erg 10 javascript css

我正在构建一个AJAX应用程序,需要在等待响应进入时将光标更改为等待光标,然后再更改.我知道如何做到这一点,但是当光标在链接上,或者具有自定义光标的对象时,那些不会改变,保持不变.有谁知道如何让指针暂时对所有对象都一样?

Jas*_*ham 17

在JavaScript中:

$('html').addClass('waiting');  // set waiting
// run ajax call... inside callback: 
$('html').removeClass('waiting');
Run Code Online (Sandbox Code Playgroud)

在CSS中:

html.waiting,
html.waiting * { cursor: wait !important; }
Run Code Online (Sandbox Code Playgroud)

  • @Micah,谢谢你的榜样!我将示例切换为使用<html>而不是<body>,因为CSS不会应用于正文(内容)结束的窗口下方的任何部分.您可能希望在示例中执行相同的操作.此外,*always*使用标签选择器(例如html.waiting而不是.waiting).性能大大提高. (3认同)
  • 杰森打败了我的答案.这是[jsFiddle](http://jsfiddle.net/DgCJw/)上的一个例子. (2认同)