Rumah  >  Artikel  >  hujung hadapan web  >  jquery阻止冒泡事件使用模拟事件_jquery

jquery阻止冒泡事件使用模拟事件_jquery

WBOY
WBOYasal
2016-05-16 17:23:251070semak imbas
复制代码 代码如下:



单击显示隐藏内容

这里是隐藏内容


<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",["我的事件","触发了"]);
Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn