私は次の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
これは正常に機能しています。私のページで発生しているイベントに応じて、カーソルが通常から、およびその逆に変化しています。私が抱えている唯一の問題は、このカーソルの切り替えが発生するためには、ユーザーがポインターを移動する必要があるということです。
ユーザーがポインタを移動することなく、ブラウザにポインタをすぐに変更させるにはどうすればよいですか?