この記事の例では、IE でマウスがオプションを渡したときにマウスアウトがトリガーされる問題の解決策について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。
実装する関数:
DIV の上にマウスを置くと完全に展開され、DIV 内に選択ボックスが表示されます。
IEでは選択操作時にマウスがオプション上を通過するとDIVが縮小してしまう問題が発生しますが、他のブラウザではこの現象は発生しません。
解決策:
IE では、マウスがオプションに移動すると、window.event.toElement の値は null になりますが、他のブラウザでは値は object になります。マウスを DIV の外に直接移動すると、他のブラウザと同様に、window.event.toElement の値はオブジェクトになります。
要約すると、次のコードをマウスアウトに追加すると問題を解決できます:
if (window.event.toElement == null) return;