pointer-events
その他のJavaScriptのような、それは次のことができます。
-
ユーザーが任意の効果をクリック防ぎます
-
デフォルトのマウスポインタの表示を防ぎます
-
CSSで停止
hover
し、active
イベントをトリガ状態の変化 -
トリガーJavaScriptイベントを防ぐために、アクションをクリックしてください
実際のコードの使用事例:
1の後、重複送信を防ぐために、(スタイル=「ポインタイベント」)スタイル属性を追加するには、送信ボタンをクリックして、ページを送信します。@camnpr
2、絶対位置は、ボタンをカバー層のいくつか、あなたは浸透してそれをクリックすることができます。などなど。
具体的な使用方法を見てください:
ポインタイベント:オート| なし| visiblePainted | visibleFill | visibleStroke | 目に見えます| 塗装| 埋めます| ストローク| すべて| 受け継ぎます
ポインタイベントプロパティは、値の多くを持っていますが、ブラウザのために、唯一の自動車および非二つの値は、いくつか他の人がSVGの(プロパティ自体はSVG技術から来ている)のためのもの、ご利用いただけます。
@鄭州ネットワークの構築
詳細な属性値のポインタイベント
-
auto--効果、マウスが現在の層を貫通していない、同じ属性のポインタイベントを定義していません。SVGで、同様の効果とvisiblePaintedの値。
-
none--要素は、マウスがもはや現在の層が離れて下の層の要素をリッスン監視、もはやマウスイベントの対象ではありません。それは、このようなオートなど他の値に設定された子要素のポインタ・イベント、だ場合でも、マウスはまだ子要素を監視します。
-
これ以上ここに記載されている他のSVG特定の属性値、。
ブラウザの互換性
このCSS3プロパティをサポート4.0+クローム2.0+とFirefox 3.6以降とSafari、IE6 / 7/8/9は、IE11もサポート(サポートされていませんが、良い事は自動的に無効に無効IEのクリックイベントを追加することです。 )、SVGのサポートでオペラ。しかし、それはHTMLでこの属性をサポートしていません。