js事件冒泡

有时我们不希望冒泡或默认的事件发生,这样就需要一些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;  

}  

 

posted @ 2016-08-22 15:54  jian,zhou  阅读(358)  评论(0编辑  收藏  举报