jquery阻止冒泡事件使用模擬事件
更新時(shí)間:2013年09月06日 11:30:00 投稿:whsnow
當(dāng)點(diǎn)擊span的時(shí)候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的時(shí)候 div 和 body 的事件全部觸發(fā)了。要阻止這種發(fā)生
$("span").bind("click", function(e){
$(".message").show();
e.stopPropagation();//完成事件清除動(dòng)作
});
模擬事件 trigger
復(fù)制代碼 代碼如下:
$(".content").bind("myclick", function(event,message1,message2){
$("#test").append(message1+messages2);
});
$("#btn").trigger("myclick",["我的事件","觸發(fā)了"]);
相關(guān)文章
jquery easyui 對(duì)于開始時(shí)間小于結(jié)束時(shí)間的判斷示例
對(duì)于開始時(shí)間小于結(jié)束時(shí)間的判斷可以參考,jquery easyui里的ValidateBox進(jìn)行判斷,需要的朋友可以參考下2014-03-03jQuery實(shí)現(xiàn)Email郵箱地址自動(dòng)補(bǔ)全功能代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)Email郵箱地址自動(dòng)補(bǔ)全功能代碼,涉及jQuery鼠標(biāo)事件及字符操作的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-11-11原生js實(shí)現(xiàn)addclass,removeclass,toggleclasss實(shí)例
下面小編就為大家?guī)硪黄鷍s實(shí)現(xiàn)addclass,removeclass,toggleclasss實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起 小編過來看看吧2016-11-11jQuery使用slideUp方法實(shí)現(xiàn)控制元素緩慢收起
這篇文章主要介紹了jQuery使用slideUp方法實(shí)現(xiàn)控制元素緩慢收起的功能,實(shí)例分析了jQuery中slideUp方法的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03jQuery插件zTree實(shí)現(xiàn)獲取當(dāng)前選中節(jié)點(diǎn)在同級(jí)節(jié)點(diǎn)中序號(hào)的方法
這篇文章主要介紹了jQuery插件zTree實(shí)現(xiàn)獲取當(dāng)前選中節(jié)點(diǎn)在同級(jí)節(jié)點(diǎn)中序號(hào)的方法,結(jié)合實(shí)例形式分析了屬性插件zTree針對(duì)節(jié)點(diǎn)序號(hào)的相關(guān)操作技巧,需要的朋友可以參考下2017-03-03js制作帶有遮罩彈出層實(shí)現(xiàn)登錄注冊表單特效代碼分享
這篇文章主要為大家詳細(xì)介紹了js制作帶有遮罩彈出層實(shí)現(xiàn)登錄注冊表單代碼特效,推薦給大家,有需要的小伙伴可以參考下。2015-09-09