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

IE 用 CSS 'pointer-events' プロパティの代替

'pointer-events' プロパティは、マウス イベントを制御するための貴重なツールですCSSで。ただし、Internet Explorer (IE) ではサポートされていないため、特定の要素がクリック イベントに応答しないようにする場合に問題が生じます。

HTML または JavaScript コードを変更できない状況では、回避策が必要です。 。効果的な方法の 1 つは、プラグインまたは JavaScript ソリューションを使用して複数のレイヤーを介してマウス イベントを転送することです。

Forwarding Mouse Events Through Layers Plugin

このプラグインは、不明瞭な JavaScript プロパティを利用してマウスをリダイレクトします。特定の要素にイベントを追加します。これにより、クリックをインターセプトして目的の要素にルーティングする透明なオーバーレイを作成できます。

JavaScript ソリューション

もう 1 つの JavaScript ベースのソリューションは、'クリックできない要素の pointer-events プロパティを「none」に設定し、親コンテナでマウス イベント リスナーを使用します。親コンテナがクリックを検出すると、そのクリックがクリック不可能な要素で発生したかどうかを確認し、そうでない場合はイベントをクリック可能な要素に転送します。

IE 11 サポート

2013 年 10 月の時点で、「ポインター イベント」サポートが IE 11 に含まれることが発表されました。これは、 Internet Explorer で将来使用するための回避策。

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