位置: 编程技术 - 正文

JS传播事件、取消事件默认行为、阻止事件传播详解(事件传播路径)

编辑:rootadmin

推荐整理分享JS传播事件、取消事件默认行为、阻止事件传播详解(事件传播路径),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:事件传播路径,js中事件传播的三个阶段,事件传播路径,js方法传递对象,js事件传参,js中事件传播的三个阶段,js事件传播过程,js中事件传播的三个阶段,内容如对您有帮助,希望把文章链接给更多的朋友!

1.事件处理程序的返回值

通常情况下,返回值false就是告诉浏览器不要执行这个事件相关的默认操作。例如,表单提交按钮的onclick事件处理程序能通过返回false阻止浏览器提交表单,再如a标签的onclick事件处理程序通过返回false阻止跳转href页面。类似地,如果用户输入不合适的字符,输入域上的onkeypress事件处理程序能通过返回false来过滤键盘输入。 事件处理程序的返回值只对通过属性注册的处理程序才有意义。

2.调用顺序

文档元素或其他对象可以为指定事件类型注册多个事件处理程序。当适当的事件发生时,浏览器必须按照如下规则调用所有的事件处理程序:

JS传播事件、取消事件默认行为、阻止事件传播详解(事件传播路径)

通过设置对象属性或HTML属性注册的处理程序一直优先调用。使用addEventListener()注册的处理程序按照它们的注册顺序调用。使用attachEvent()注册的处理程序可能按照任何顺序调用,所以代码不应该依赖于调用顺序

3.事件传播

  在调用在目标元素上注册的事件处理函数后,大部分事件会“冒泡”到DOM树根。调用目标的父元素的事件处理程序,然后调用在目标的祖父元素上注册的事件处理程序。这会一直到Document对象,最后到达Window对象。

  发生在文档元素上的大部分事件都会冒泡,值得注意的例外是focus、blur和scroll事件。文档元素的load事件会冒泡,但它会在Document对象上停止冒泡而不会传播到Window对象。只有当整个文档都加载完毕时才会触发Window对象的load事件。

4.取消事件默认行为、阻止事件传播

在支持addEventListener()的浏览器中,可以通过调用事件对象的preventDefault()方法取消事件的默认操作。IE9之前的IE中,可以通过设置事件对象的returnValue属性为false达到同样的效果。下面一段代码是结合三种技术取消事件:

取消事件相关的默认操作只是事件取消中的一种,我们也能取消事件传播。在支持addEventListener()的浏览器中,可以调用事件对象的stopPropagation()方法以阻止事件的继续传播。如果在同一对象上定义了其他处理程序,剩下的处理程序将依旧被调用,但调用stopPropagation()之后任何其他对象上的事件处理程序将不会被调用。

IE9之前的IE不支持stopPropagation()方法,而是设置事件对象cancelBubble属性为true来实现阻止事件进一步传播。

好了

标签: 事件传播路径

本文链接地址:https://www.jiuchutong.com/biancheng/377537.html 转载请保留说明!

上一篇:带你了解session和cookie作用原理区别和用法(带你了解处女座)

下一篇:form表单序列化详解(推荐)(已经序列化的表单怎么再添加)

  • 补做前几年税审对报税税务评级有什么影响?
  • 视同销售的增值税怎么申报
  • 增值税纳税申报表电子版在哪下载
  • 公积金贷款金额少怎么办
  • 转让不动产销项税
  • 专票当普票用,发票勾选怎么操作
  • 车辆停放服务属于交通运输服务吗
  • 其他应收款贷方余额表示什么
  • 进项税额销项税额月末需要结转吗
  • 尚未收到货款,填什么凭证
  • 代扣代缴个税返点怎么申请
  • 退休工资的个人账户怎么算
  • 多扣了离职人员的钱
  • 税务自查补缴税款算滞纳金么
  • 代扣代缴手续费返还需要缴纳增值税吗
  • 应收账款零头没有收到如何账务处理
  • 制造费用处理
  • 外购材料委托加工分录
  • 房地产开发企业会计科目
  • 厂家取得的销售收入
  • 应收账款周转次数计算方法
  • 企业账户利息收入怎么算
  • 发票冲红后多交多少税
  • 在建工程暂估转固定资产
  • 预提成本的会计处理
  • 如何解决win10系统复制文件速度
  • 如何安全的处置电子邮件
  • linux怎么更改账户名
  • 进口应税消费品会计分录
  • 公司福利放置零食文案
  • 合并报表期初数可以直接抄上年数吗
  • Cusco Cathedral on the Plaza de Armas, Cusco, Peru (© sharptoyou/Shutterstock)
  • 什么是技术服务工程师
  • ip命令查看ip地址
  • 企业季度预缴土地出让金
  • 计提坏账准备会影响应收账款账面价值吗
  • 纳税人在工作
  • 帝国cms8.0
  • 单位向职工出租房子
  • 增发股票购买子公司
  • 其他应收应付如何平账
  • 公司被吊销营业执照的法律后果是什么?
  • SQL Server 2008中SQL之WaitFor使用介绍
  • 收付实现制的适用范围
  • 小规模免征增值税的会计处理办法
  • 工伤在门诊的收据能报销吗
  • 材料暂估入库的账务处理
  • 小规模纳税人取得普通发票可以抵扣吗
  • 总公司与分公司关系证明模板
  • 银行贷款需要哪些材料
  • 公司缴纳个人所得税有什么用
  • 手撕发票是
  • 公司法规定股权转让需要满足什么条件
  • 股东借款转增资本公积会计处理
  • 本年利润是负数的会计分录
  • 小规模纳税人收到专票的会计分录
  • 工程行业收到工程发票
  • 出售固定资产清理的账务处理
  • MySQL利用大数据技术进行回归模型的构建流程
  • vmware虚拟化解决方案
  • windows8.1分辨率
  • ubuntu系统升级 开机黑屏怎么解决
  • linux ftp服务端
  • nddeagnt.exe - nddeagnt是什么进程 有什么用
  • win10周年版
  • linux中docker
  • linux sendmail发送邮件
  • linux中统计字符命令
  • win7怎样安装adb工具
  • js代码规范
  • python编写人工智能
  • shell 循环 for
  • django modelform
  • python约瑟夫问题最高效算法
  • 浅谈自己对教育的理解
  • jquery获取当前元素是第几个元素
  • 哪些润滑油属于润滑剂
  • 种子公司缴税吗多少钱
  • 学费减免政策
  • 经营碎石的税点多少
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设