js阻止事件冒泡 return false / e.stopPropagation() /e.preventDefault()
浏览数：37 /
时间：2015年06月09日
由于每个元素在文档里面触发时都会冒泡
如果每个层上都有alert事件，那么触发里层div时，alert 里层，外层，最外层。
为了防止事件之间干扰，需要阻止事件冒泡。
一般使用e.stopPropagation();
ie8及其以下不支持，需要使用e.cancelBubble=false；
另外e是用来获得window的全局对象。e可以使用任意其他字母或者单词代替，比如a,b,c,d....，event,obj等等。
每当触发一个事件，系统都会给这个事件传一个对象，从而获得全局对象。
比如通过e获得全局对象stopPropagation()，cancelBubble，pageX,pageY,这些均可通过页面console.info()出来看看。
e.stopPropagation();也等同于return false;
只是return false还有其他的作用，就是阻止事件默认行为，比如提交按钮submit，a标签的默认跳转href等等其他一些默认行为。
return false;又等同于e.preventDefault();
e.preventDefault()不能阻止事件冒泡，只是阻止事件默认行为的触发。
return false包含了阻止事件冒泡和阻止默认行为两个功能.
因此，开发中，习惯使用return false。
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
