html - HTML:直到移动指针，更改默认光标才起作用

我有一个overlayWaitDiv用CSS定义如下：

#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，然后又返回。我唯一的问题是，为了使光标切换发生，用户需要移动指针。

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

最佳答案

放cursor:auto;然后就可以了