1. ホーム
  2. javascript

[解決済み] div内をクリックできないようにする方法

2023-07-13 01:48:32

質問

様々な理由から、あるコンテンツをクリックできないようにする必要があります。 div 要素内の特定のコンテンツをクリックできないようにする必要があります。例えば、広告のクリック攻撃などのためです。 私はまだそれが見えるようにしたいです。

次のスニペットを考えてみましょう :-)

<div class="ads">
something should be here, i do not want to be clicked
</div>

その中で左クリックの機能を無効にする方法 div ?

どのように解決するのですか?

使用できるCSSプロパティは

pointer-events:none

!重要 このプロパティはOpera MiniとIE 10以下(含む)でサポートされていないことに留意してください。これらのブラウザでは、別の解決策が必要です。

jQuery METHOD CSSプロパティではなく、スクリプトで無効化したい場合は、以下のものが参考になります。 jQueryのバージョン1.4.3以降を使用している場合。

$('selector').click(false);

そうでない場合は

$('selector').click(function(){return false;});


あなたは 再有効化 でのクリックを pointer-events: auto; ( ドキュメンテーション )

なお pointer-events cursor プロパティを上書きするので、カーソルを標準の にしたい場合は、CSSで の後に pointer-events .