Internet Explorer で「pointer-events:none」をシミュレートするにはどうすればよいですか?

Internet Explorer でのポインター イベントのエミュレート: なし

Internet Explorer のポインター イベントの認識の欠如: なし。プロパティは、ユーザーが階層化された要素を操作する能力を妨げる可能性があります。この問題は、グラフ上でグラデーション PNG が使用され、ユーザーの操作を妨げるオーバーレイ div が作成される場合に発生します。この記事では、マウス イベントが、pointer-events:none; のように IE の要素を通過できるようにするソリューションを検討します。

解決策

Internet Explorer は pointer-events:none のみを認識します。 W3C 仕様に従って、SVG 要素の場合。非 SVG 要素のこの動作をエミュレートするには、SVG 要素内で要素をラップすることが現実的な解決策です。

CSS:

#tryToClickMe{
    pointer-events: none;
    width: 400px;
    height: 400px;
    background-color: red;
}

HTML:

<svg>

また、上層および下層のオブジェクトにアクセスしたい場合、Internet Explorer には document.msElementsFromPoint メソッドが用意されています。このメソッドは、特定のポイントにあるすべてのレイヤーの配列を返します。

結論

これらの手法を利用することで、pointer-events:none; と同様の機能を実現できます。 Internet Explorer では、階層化された要素にもかかわらずユーザー インタラクションが向上します。

以上がInternet Explorer で「pointer-events:none」をシミュレートするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。