博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js阻止事件冒泡 return false / e.stopPropagation() /e.preventDefault()
阅读量:6292 次
发布时间:2019-06-22

本文共 622 字,大约阅读时间需要 2 分钟。

由于每个元素在文档里面触发时都会冒泡

如果每个层上都有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。

 

转载于:https://www.cnblogs.com/fang51/p/4210312.html

你可能感兴趣的文章
计算机基础知识复习
查看>>
【前端词典】实现 Canvas 下雪背景引发的性能思考
查看>>
大佬是怎么思考设计MySQL优化方案的?
查看>>
<三体> 给岁月以文明, 给时光以生命
查看>>
Android开发 - 掌握ConstraintLayout(九)分组(Group)
查看>>
springboot+logback日志异步数据库
查看>>
Typescript教程之函数
查看>>
Android 高效安全加载图片
查看>>
vue中数组变动不被监测问题
查看>>
3.31
查看>>
类对象定义 二
查看>>
收费视频网站Netflix:用户到底想要“点”什么?
查看>>
MacOS High Sierra 12 13系统转dmg格式
查看>>
关于再次查看已做的多选题状态逻辑问题
查看>>
动态下拉菜单,非hover
查看>>
政府安全资讯精选 2017年第十六期 工信部发布关于规范互联网信息服务使用域名的通知;俄罗斯拟建立备用DNS;Google打击安卓应用在未经同意情况下收集个人信...
查看>>
简单易懂的谈谈 javascript 中的继承
查看>>
iOS汇编基础(四)指针和macho文件
查看>>
Laravel 技巧锦集
查看>>
Android 使用 ViewPager+RecyclerView+SmartRefreshLayout 实现顶部图片下拉视差效果
查看>>