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

Question

我有一个 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，然后又变回来。我遇到的唯一问题是，为了进行此光标切换，用户需要移动指针。

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

Answer 1

输入cursor:auto;就可以了