首页 > 代码库 > js阻止事件冒泡 return false / e.stopPropagation() /e.preventDefault()
js阻止事件冒泡 return false / e.stopPropagation() /e.preventDefault()
由于每个元素在文档里面触发时都会冒泡
如果每个层上都有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。
js阻止事件冒泡 return false / e.stopPropagation() /e.preventDefault()
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。