码迷,mamicode.com
首页 > Web开发 > 详细

js事件冒泡

时间:2016-08-22 16:06:52      阅读:185      评论:0      收藏:0      [点我收藏+]

标签:

有时我们不希望冒泡或默认的事件发生,这样就需要一些jQuery的的方法阻止冒泡和默认的事件了。可以通过以下三种方法做到不同程度的阻止。  

A:return false --->In event handler ,prevents default behavior and event bubbing 。  

return false 在事件的处理中,可以阻止默认事件和冒泡事件。  

B:event.preventDefault()---> In event handler ,prevent default event (allows bubbling) 。  

event.preventDefault()在事件的处理中,可以阻止默认事件但是允许冒泡事件的发生。  

C:event.stopPropagation()---> In event handler ,prevent bubbling (allows default behavior).  

event.stopPropagation()在事件的处理中,可以阻止冒泡但是允许默认事件的发生。  

  代码如:  

   $(.menu li).click(function(){  

$(this).find(ul).toggle();  

return false;//去掉试试效果  

})  

----------------------------------------------------------------------------------------------------------------------------------  

js代码 阻止事件冒泡  

// 判断浏览器类型,ie向下冒泡,火狐向上冒泡  

function stopEvent(e) {  

e = e || window.event;  

if (e.stopPropagation)  

e.stopPropagation();  

else e.cancelBubble = true;  

if (e.preventDefault)  

e.preventDefault();  

else e.returnValue = false;  

}  

 

js事件冒泡

标签:

原文地址:http://www.cnblogs.com/jianzhouf/p/5795906.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!