HTML：在移动指针之前，更改默认光标不起作用

我使用

CSS

定义了一个

overlayWaitDiv

：

#overlayWaitDiv{
光标：等待；
位置：固定；
排名：0；
左：0；
宽度：100%；
身高：100%；
z指数：99；
}

其思想是将此覆盖放置在其他元素之上，占据所有窗口空间，并显示

wait

光标

我使用以下

HTML

显示/隐藏此内容：

要显示覆盖，请执行以下操作：

要隐藏覆盖，请执行以下操作：

这工作正常：根据我的页面中发生的事件，光标从正常变为等待，然后再变回来。我唯一的问题是，为了实现光标切换，用户需要移动指针

---

如何让浏览器立即更改指针，而无需用户移动它？

put

cursor:auto然后它将确定
放置
光标：自动然后它将确定
尝试使用java脚本设置光标值，如下所示

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

尝试使用java脚本设置光标值，如下所示

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

为什么不尝试向body标记添加一个类呢？
像这样：

.waiting {
   cursor: wait;
}

当需要显示等待光标时，请使用$（“body”）.addClass（“waiting”）和$（“body”）.removeClass（“waiting”）隐藏。
为什么不尝试向body标记添加一个类？
像这样：

.waiting {
   cursor: wait;
}

当需要显示等待光标时，使用$（“body”）.addClass（“waiting”）和$（“body”）.removeClass（“waiting”）隐藏。
如果我理解正确，则使用
cursor:default
和
display:block
光标：wait
给出
display:none
。如果我错了，请回答我。这只发生在chrome中吗？你登录firefox了吗？@venkateshwar：我不明白为什么会有帮助：我已经在CSS中定义了光标样式，以及覆盖层工作所需的其他样式。无论如何，直接修改样式对我来说并不容易（我正在用框架编辑html，我不知道如何做某些事情）。你能在JSFIDLE站点中显示完整的实时页面检查吗？谢谢@msksiva，但这对我来说很难做到。如果我理解正确，那么用
cursor:default
给出
display:none
，用
cursor:wait
给出
display:block
。如果我错了，请回答我。这只发生在chrome中吗？你登录firefox了吗？@venkateshwar：我不明白为什么会有帮助：我已经在CSS中定义了光标样式，以及覆盖层工作所需的其他样式。无论如何，直接修改样式对我来说并不容易（我正在用一个框架编辑html，我不知道如何做某些事情）。你能在JSFIDLE站点中显示完整的实时页面检查吗？谢谢@msksiva，但这对我来说很难。如何
cursor:auto可以解决我的问题吗？
auto
如何知道我想要什么样的光标？我应该把它放在哪里，在CSS中，在html中，…？太好了<代码>光标：默认值
总是给出通常的白色三角形。使用“自动”，它将根据您作为默认操作悬停的内容而更改。因此，如果您将鼠标悬停在文本上方，您将看到文本光标可以解决我的问题吗？
auto
如何知道我想要什么样的光标？我应该把它放在哪里，在CSS中，在html中，…？太好了<代码>光标：默认值

总是给出通常的白色三角形。使用“自动”，它将根据您作为默认操作悬停的内容而更改。因此，如果您将鼠标悬停在文本上方，您将看到文本光标。