警告
廃止され、サポート対象外となった Internet Explorer 11 デスクトップ アプリケーションは、特定のバージョンの Windows 10 で Microsoft Edge の更新プログラムを通じて完全に無効になります。 詳細については、「Internet Explorer 11 デスクトップ アプリの廃止に関する FAQ」をご覧ください。
この記事では、マウス ボタンが Internet Explorer 9 以降のバージョンで押されたままの場合に、ホバーされた DOM 要素のカーソル スタイルが変更されない問題の解決について説明します。
元の製品バージョン: Internet Explorer 9 以降のバージョン
元の KB 番号: 2743603
症状
Internet Explorer 9 以降のバージョンでは、マウス ボタンが押されたままで、特定の DOM 要素の外側で押されたままの場合、ホバーされた DOM 要素のカーソル スタイルは無視されます。 これは、ドロップ ゾーンでドロップが許可されているかどうかを視覚化するためにカーソル スタイルが使用される DragAndDrop 機能が Web ページに実装されている場合に観察される可能性があります。
この動作は、 <div> タグが次のように実装されている場合にのみ発生します。
<div style="cursor: wait;"></div>
この div 領域の外側にいて、マウス ボタンを押したまま領域に移動している場合、この領域に入ってもカーソルは変更されません。
原因
この動作は、Internet Explorer 9 以降の仕様です。
解決方法
この動作を変更するには、次のように onmouseover イベントと onmouseout イベントを使用します。
<div onmouseover="this.style.cursor='wait'" onmouseout="this.style.cursor='pointer'" ></div>