HTML：更改默认光标，直到指针不起作用移动

#overlayWaitDiv { 
    cursor: wait; 
    position: fixed; 
    top:  0; 
    left:  0; 
    width: 100%; 
    height: 100%; 
    z-index: 99; 
}

的想法是，这个覆盖被放在其他元素之上，把所有窗口空格，并显示wait游标。通过使用

我显示/隐藏此以下HTML：

要显示的叠加：

<div id="overlayWaitDiv" style></div>

要隐藏叠加：

<div id="overlayWaitDiv" style="display: none; "></div>

这是工作的罚款：在根据页面中发生的事件，光标从正常变为wait，并返回。我遇到的唯一问题是，为了进行此指针切换，用户需要来移动指针。

我该如何让浏览器立即改变指针，而不需要用户移动它？

2012-09-21 dangonfast

如果我理解正确，那么给'display：none'带'cursor：default'和'display：block'带'cursor：wait'。如果我错了，回复我。 –

它只发生在铬？你检查过Firefox吗？ – ygssoni

@venkateshwar：我不明白为什么会有所帮助：我已经在CSS中定义了光标样式，以及覆盖层完成其工作所需的其余样式。无论如何，直接修改样式并不容易（我正在用框架编辑html，我不知道如何做某些事情）。 – dangonfast

把cursor:auto;那么它将确定

2012-09-21 06:24:28

'cursor：auto;'将如何解决我的问题？ 'auto'如何知道我想要什么样的光标？我应该把它放在CSS中的html中......？ – dangonfast

太棒了！ 'cursor：default'总是给出通常的白色三角形。使用auto时，它将根据您作为默认操作悬停的内容而发生变化。因此，如果您将鼠标悬停在文字上，您将看到文字光标。 – ProfileTwist

请尝试使用Java脚本如下所示光标值。

$("#overlayWaitDiv").css("cursor","wait") ;

2012-09-21 06:55:36 mohanrajt

为什么你不试试给body标签添加一个类？是这样的：

.waiting { 
    cursor: wait; 
}

当你需要显示等待光标使用$（ “身体”）addClass（ “等待”）和$（ “身体”）removeClass（ “等待”）隐藏。

2014-10-09 16:37:21 Justo

回答