【说站】js中事件捕获的实现
2023-06-13 09:13:23 时间
js中事件捕获的实现
1、当鼠标点击或触发dom事件,触发dom事件的元素称为事件源。
2、浏览器会从根节点=>事件源(从外到内)传播事件。
3、不太具体的节点应该更早接收到事件,最具体的节点应该最后接收到事件。
实例
<div id="s2">s2</div>
</div>
<script>
s1.addEventListener("click",function(e){
console.log("s1 冒泡事件");
},false);
s2.addEventListener("click",function(e){
console.log("s2 冒泡事件");
},false);
</script>
以上就是js中事件捕获的实现,希望对大家有所帮助。更多js学习指路:js教程
推荐操作环境:windows7系统、jquery3.2.1版本,DELL G3电脑。
相关文章
- html js 全局 变量,JS定义全局变量
- JS解绑事件
- 【说站】js自定义事件的实现
- Touch 移动设备上的 手势识别 与 Js事件库
- vue.js客服系统实时聊天项目开发(十一)处理发送消息enter事件以及实现ctrl+enter换行
- JS阻止事件冒泡详解编程语言
- js 事件流 捕获阶段 冒泡阶段 目标阶段详解编程语言
- JS实现简单的jQuery框架(非常详细)
- Jquery与JS两种方法仿twitter/新浪微博高度自适应无缝滚动实现代码
- JS控件事件小结
- js中通过split函数分割字符串成数组小例子
- js之事件冒泡和事件捕获详细介绍
- 浅析Js中的单引号与双引号问题
- js阻止冒泡及jquery阻止事件冒泡示例介绍
- js捕获鼠标滚轮事件代码
- js利用事件的阻止冒泡实现点击空白模态框的隐藏
- js获取当前地址JS获取当前URL的示例代码
- JavaScript学习笔记之JS事件对象
- js操作滚动条事件实例
- js判断手机和pc端选择不同执行事件的方法
- JS实现OCX控件的事件响应示例