ホームページ > 記事 > ウェブフロントエンド > jquery阻止冒泡事件使用模拟事件_jquery
jquery阻止冒泡事件使用模拟事件_jquery
- WBOYオリジナル
- 2016-05-16 17:23:251003ブラウズ
复制代码 代码如下:
单击显示隐藏内容
<script> <BR>$(document).ready(function(){ <BR>$("span").bind("click", function(){ <BR>$(".message").show(); <BR>}); <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();//完成事件清除动作
});
模拟事件 trigger
复制代码 代码如下:
$(".content").bind("myclick", function(event,message1,message2){
$("#test").append(message1+messages2);
});
$("#btn").trigger("myclick",["我的事件","触发了"]);
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。