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

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

WBOY
WBOYオリジナル
2016-05-16 17:23:251089ブラウズ
コードをコピーします コードは次のとおりです。



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

<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 までご連絡ください。