詳細なCSS3のポインタイベント(停止ホバー、アクティブ、onclickのイベントをトリガーする、等

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でこの属性をサポートしていません。

 

おすすめ

転載: www.cnblogs.com/cangqinglang/p/11263336.html