jquery阻止冒泡事件使用模擬事件
更新時間：2013年09月06日 11:30:00 投稿：whsnow
當點擊span的時候div和body的事件全部觸發(fā)了。要阻止這種發(fā)生并使用模擬事件。具體實現(xiàn)如下，感興趣的朋友可以參考下
復制代碼 代碼如下:
<body>
<div class="content">
<span>單擊顯示隱藏內(nèi)容</span>
</div>
<div class="message">這里是隱藏內(nèi)容</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 的事件全部觸發(fā)了。要阻止這種發(fā)生
$("span").bind("click", function(e){
$(".message").show();
e.stopPropagation();//完成事件清除動作
});
模擬事件 trigger
復制代碼 代碼如下:
$(".content").bind("myclick", function(event,message1,message2){
$("#test").append(message1+messages2);
});
$("#btn").trigger("myclick",["我的事件","觸發(fā)了"]);
相關文章
這篇文章主要介紹了jQuery 仿百度輸入標簽插件的具體實現(xiàn),需要的朋友可以參考下2014-07-07
jquery+CSS3實現(xiàn)淘寶移動網(wǎng)頁菜單效果
這篇文章主要介紹了jquery+CSS3實現(xiàn)淘寶移動網(wǎng)頁菜單效果,實例分析了jquery操作頁面樣式動態(tài)變換及熱區(qū)的選擇技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)帶進度條的輪播圖，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09
簡單談談jQuery(function(){})與(function(){})(jQuery)
這篇文章主要簡單介紹了jQuery(function(){})與(function(){})(jQuery)的區(qū)別,需要的朋友可以參考下2014-12-12
這篇文章主要介紹了jQuery實現(xiàn)鼠標響應式淘寶動畫效果,涉及jQuery事件響應及頁面元素屬性動態(tài)操作相關使用技巧,需要的朋友可以參考下2018-02-02
密碼框的顯示隱藏有多種實現(xiàn)方法，在將為大家介紹下如何使用jquery實現(xiàn)，感興趣的朋友可以參考下2013-09-09
這篇文章主要介紹了jQuery實現(xiàn)的移動端圖片縮放功能組件,結(jié)合實例形式詳細分析了jQuery基于移動端的圖片縮放功能組件實現(xiàn)原理、步驟、核心代碼及使用技巧,需要的朋友可以參考下2020-05-05
JQuery的Ajax請求實現(xiàn)局部刷新的簡單實例
本篇文章只要是對JQuery的Ajax請求實現(xiàn)局部刷新的簡單實例進行了詳細的介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)簡單五子棋游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-05-05
本篇文章主要是對點擊回到頁面頂部或是首頁的功能進行了介紹，這是頁面常用到的效果，需要的朋友可以過來參考下2016-11-11