事件流
2022/9/14 23:21:13
本文主要是介绍事件流,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
事件流
概述:事件流指代的是事件的执行流程,多个盒子嵌套相同事件,这个时候你触发一个盒子的事件,并不会只执行一个盒子的事件的处理函数,而是全部执行。
事件流的俩种模式
冒泡模式(浏览器采用的)
冒泡模式指代的是事件从里到外逐个执行
阻止事件冒泡
e.stopPropagation() 函数 (*)(stop)
e.stopPropagation() 函数 (*)(stop)
兼容写法
e.stopPropagation?e.stopPropagation():e.cancelBubble = true
捕获模式
捕获模式指代的是事件从外到里逐个执行
默认行为
就是一个元素会自带的行为称为默认行为 a标签的默认行为会跳转 form标签里面submit按钮默认会提交(刷新页面)鼠标右键会出现一个菜单栏 等等一系列的问题
有些时候我们不需要这些行为的产生 那么我们就需要阻止默认行为
阻止默认行为的js实现
e.preventDefault() 函数 (*) (prevent)
e.returnValue = false ie的兼容
return false 直接结束对应的操作
e.preventDefault?e.preventDefault():e.returnValue = false //兼容
这篇关于事件流的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-13TiDB + ES:转转业财系统亿级数据存储优化实践
- 2024-05-09“2024鸿蒙零基础快速实战-仿抖音App开发(ArkTS版)”实战课程已上线
- 2024-05-09聊聊如何通过arthas-tunnel-server来远程管理所有需要arthas监控的应用
- 2024-05-09log4j2这么配就对了
- 2024-05-09nginx修改Content-Type
- 2024-05-09Redis多数据源,看这篇就够了
- 2024-05-09Google Chrome驱动程序 124.0.6367.62(正式版本)去哪下载?
- 2024-05-09有没有大佬知道这种数据应该怎么抓取呀?
- 2024-05-09这种运行结果里的10.100000001,怎么能最快改成10.1?
- 2024-05-09企业src漏洞挖掘-有意思的命令执行