[解決済み] 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;});
- 参照元:: jquery - クリックを無効にする
あなたは
再有効化
でのクリックを
pointer-events: auto;
(
ドキュメンテーション
)
なお
pointer-events
は
cursor
プロパティを上書きするので、カーソルを標準の
にしたい場合は、CSSで
の後に
pointer-events
.
関連
-
[解決済み] 配列から特定の項目を削除するにはどうすればよいですか?
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] JavaScriptで文字列が部分文字列を含むかどうかを確認する方法は?
-
[解決済み] あるJavaScriptファイルを他のJavaScriptファイルにインクルードするにはどうすればよいですか?
-
[解決済み] 配列に特定のインデックスで項目を挿入する方法 (JavaScript)
-
[解決済み] jQueryで入力を無効化/有効化する?
-
[解決済み】別のウェブページにリダイレクトするにはどうすればいいですか?
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
-
[解決済み] URL/アドレスバーからJavascriptの関数を呼び出す
-
[解決済み] javascript includes() 大文字小文字を区別しない
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] チェックボックスが選択されているかどうかを確認するjQuery
-
[解決済み] JavaScriptのtoString()関数をオーバーライドして、デバッグ用に意味のある出力を提供することは可能でしょうか?
-
[解決済み] AJAX Mailchimp サインアップフォームの統合
-
[解決済み] JavaScriptでjson-objectのキーを取得する [重複].
-
[解決済み] イテレータでmap()を使用する
-
[解決済み] CORS: 認証モードは 'include' です。
-
[解決済み] <ng-content>が空かどうかを確認する方法は?(これまでのAngular 2+で)
-
[解決済み] JavaScriptのArray.sort()メソッドでシャッフルするのは正しいのか?
-
[解決済み] 変異を伴わないオブジェクトからの値の削除
-
[解決済み] Fetch: ステータスがOKでない場合、プロミスを拒否し、エラーをキャッチするか?