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