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;  

}  

 

转载于:https://www.cnblogs.com/jianzhouf/p/5795906.html