古い Internet Explorer バージョンで CSS の「pointer-events」機能を複製するにはどうすればよいですか?

ブラウザ制限の克服: CSS での IE の 'pointer-events' の代替

貴重な CSS プロパティである Pointer-events を使用すると、 Web 開発者は、マウス イベントがページ上の要素とどのように対話するかを制御できます。最新のブラウザでは広くサポートされていますが、Internet Explorer (IE) とは互換性がありません。これは、ドロップダウン メニューなど、選択的なナビゲーション機能を必要とするインタラクティブな要素を管理する際に問題を引き起こします。

この問題に対処するために、開発者は、IE のポインター イベントの動作を模倣する回避策を考案しました。このような手法の 1 つは、マウス イベントを操作して目的の要素にリダイレクトするプラグインまたは Javascript ソリューションを利用することです。

注目すべきプラグインの 1 つは、レイヤーを介したマウス イベントの転送です。 JavaScript の Event.stopPropagation() メソッドと Event.dispatchEvent() メソッドを利用して、複数のレイヤーを介してマウス イベントを転送し、障害物の存在に関係なくイベントが目的の要素に到達できるようにします。

もう 1 つの JavaScript ソリューションには、要素をオーバーレイし、マウス イベントをインターセプトする透過 div (display: none; を使用)。 event.stopPropagation() フラグを設定すると、イベントがさらに伝播するのが防止され、ターゲット要素のナビゲーション機能が効果的に無効になります。

注: 2013 年 10 月の更新で、そのポインタが明らかになりました。 -イベントのサポートは、Internet Explorer バージョン 11 で導入されました。IE の以前のバージョンに対する包括的なソリューションではありませんが、より新しいバージョンをターゲットとする開発者にとって潜在的な道筋を提供します。ブラウザ。

以上が古い Internet Explorer バージョンで CSS の「pointer-events」機能を複製するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。