. 代碼如下:
<body>
<div class="content">
<span>單擊顯示隱藏內容</span>
</div>
<div class="message">這裡是隱藏內容</div>
</body>
<script>
$(document).ready(function(){
$("span").bind("click", function(){
$(".message").show();
});
$(".content").bind("click", function(){
$(".message").show();
});
$("body").bind("click", function(){
$(".message").show();
});
});
</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",["我的事件","觸發了"]);