ホームページ  >  記事  >  ウェブフロントエンド  >  pointer-events 属性とは何なのかについて簡単に説明しましょう。 pointer-events 属性の使用

pointer-events 属性とは何なのかについて簡単に説明しましょう。 pointer-events 属性の使用

青灯夜游
青灯夜游オリジナル
2018-11-07 11:39:2310210ブラウズ

この記事の内容は、pointer-events 属性とは何かについて簡単に説明することです。 pointer-events 属性を使用すると、誰もが pointer-events 属性の関連知識を理解できるようになります。困っている友人は参考にしていただければ幸いです。

まず、pointer-events 属性とは何なのかを理解しましょう。

pointer-events 属性は、特定のグラフィック要素がポインター イベントのターゲットになる条件を制御するために使用されるポインター属性です。

pointer-events 属性には多くの値がありますが、ブラウザーの場合、HTML 要素に適用できる値は 3 つだけで、他の値は SVG 要素に適用されます (この属性自体は SVG テクノロジから来ており、 SVG プロパティであり、CSS 仕様では定義されていません)。 [おすすめの関連ビデオ チュートリアル: css3 チュートリアル ]

次に、pointer-events 属性の使用方法を見てみましょう。

正式な構文:

1. 文法:

正式な構文:

pointer-events: visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | none | inherit ;

HTML 要素に適用できる 3 つのタイプ値:

pointer-events: auto | none | inherit ;

2。初期値: 自動

3。適用対象: すべての要素

4。アニメーション: なし

命令: 3 HTML 要素に適用される値

auto: デフォルト値。この時点で要素がポインター イベントに応答し、これらのイベントが発生しないことを示します。その下の要素がトリガーされます。

none: は、要素上のポインター イベントを無効にすることを意味します。この時点では、要素はポインター イベントに応答しませんが、その下の要素は、要素がポインター イベントに応答したかのように応答できます。それらの間には存在しません。 上記と同じです。

inherit: 要素がその親からポインター イベント値を継承することを示します。

ポインター イベント プロパティの互換性:

CSS ポインター イベント プロパティ (HTML のみ)

この CSS プロパティを「none」に設定すると、次のことが可能になります。要素がホバー/クリック イベントを受信しないようにすると、イベントはその背後にあるもので発生します。

次のバージョンがサポートされています:

pointer-events 属性とは何なのかについて簡単に説明しましょう。 pointer-events 属性の使用

* は必須のプレフィックスを示します。

要約: 以上がこの記事の全内容です。皆さんの学習に役立つことを願っています。

以上がpointer-events 属性とは何なのかについて簡単に説明しましょう。 pointer-events 属性の使用の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。