[CSS] CSSでJavaScriptのClickイベントやリンククリック時の動作などを禁止する方法 - YoheiM .NET

こんにちは、@yoheiMuneです。 最近、JavaScriptのイベントを禁止できるCSSを知ってビックリしました。その内容をブログで書きたいと思います。 CSSでJavaScriptのイベントやリンククリック時のを禁止する方法 任意のDOM要素に対して、以下のCSSを設定することで、JavaScriptなどのイベントを禁止する事が出来ます。 .no-action { pointer-events : none; } この要素を指定することで、指定したDOMとその子孫要素のイベントが禁止になります。 例えば以下のような、Div内にリンクがあるサンプルでは、リンクにpointer-events:noneを指定することで、 ボタンが動作しなくなります。 ■ pointer-eventsの指定なし

[masapon49]

スマフォサイトのみ電話発信など使用したい時ようにφ（。。）ｶｷｶｷ

[mabots]

地味に応用範囲がでかい