ホームページ > ウェブフロントエンド > jsチュートリアル > jquery は、シミュレートされた events_jquery を使用してバブリング イベントを防止します

jquery は、シミュレートされた events_jquery を使用してバブリング イベントを防止します

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
リリース: 2016-05-16 17:23:25
オリジナル
1140 人が閲覧しました
コードをコピーします コードは次のとおりです。



クリックすると非表示のコンテンツが表示されます
非表示のコンテンツは次のとおりです
;

<script> <br>$("span").bind("click", function(){ <br>$(".message").show(); <br>$(".content").bind("click", function(){ <br>$(".message ") .show(); <br>}); <br>$("body").bind("click", function(){ <br>$(".message").show(); <br>} ); <br>}); <br></script>
span をクリックすると、div と body のすべてのイベントがトリガーされます。これを防ぐには、
$("span").bind("click", function(e){
$(".message").show();
e.stopPropagation(); //イベントクリアアクションを完了します
});


イベントトリガーをシミュレートします


コードをコピーしますコードは次のとおりです: $(".content").bind("myclick", function(event,message1,message2){
$("#test").append (メッセージ1 メッセージ2 );
$("#btn").trigger("myclick",["私のイベント","トリガー"]);
関連ラベル:
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
jQueryファイルをインポートする
から 1970-01-01 08:00:00
0
0
0
jQueryのプロトタイプチェーン
から 1970-01-01 08:00:00
0
0
0
Nuxt.js に jQuery をインストールする手順
から 1970-01-01 08:00:00
0
0
0
php+jqueryの問題
から 1970-01-01 08:00:00
0
0
0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート