ホームページ > ウェブフロントエンド > フロントエンドQ&A > jqueryでクリック要素を無効にする方法

jqueryでクリック要素を無効にする方法

藏色散人
リリース: 2021-11-11 09:35:27
オリジナル
3882 人が閲覧しました

Jquery は要素のクリックを禁止します: 1. "$(this).click(function (event) {...}"; 2. "$('a').live( 'click' 、function(event) {...}」メソッドなど

jqueryでクリック要素を無効にする方法

この記事の動作環境: Windows7 システム、jquery バージョン 3.2.1、DELL G3 Computer

jquery 要素のクリックを禁止するにはどうすればよいですか?

HTML 要素のクリック イベントを削除または無効にすることは、CSS、JS、または jQuery を通じて実行できます。

1. CSS メソッド

.disabled { pointer-events: none; }
ログイン後にコピー

2. jQuery メソッド

メソッド 1

$(this).click(function (event) {
event.preventDefault();
}
ログイン後にコピー

メソッド 2

$('a').live('click', function(event) {
   alert("抱歉,已停用!");
   event.preventDefault();
});
ログイン後にコピー

注: このメソッドの live は、on、bind、およびその他のメソッドにすることもできます。

メソッド 3

$('.disableCss').removeAttr('onclick');//去掉标签中的onclick事件
ログイン後にコピー

removeAttr メソッドを使用して HTML タグの属性を制御しますイベントを有効または無効にします。さらに、このメソッドを使用して他のイベントや他のエフェクトを制御することもできます。

メソッド 4

$('#button').attr('disabled',"true");//添加disabled属性
$('#button').removeAttr("disabled"); //移除disabled属性
ログイン後にコピー

注: これは、方法 3 と同じですが、disabled 属性は通常、ボタンまたは送信の入力タイプに関する推奨学習: "

jquery ビデオ チュートリアル

" で使用されます。

以上がjqueryでクリック要素を無効にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート