JS如何阻止事件冒泡和阻止默认事件
2023-09-11 14:15:29 时间
event.stoppropagation()阻止事件冒泡,
event.preventdefault()阻止默认事件。
在这插播一个事件捕获OR事件冒泡
事件捕获指的是从document到触发事件的那个节点,即自上而下的去触发事件。
相反的,事件冒泡是自下而上的去触发事件
绑定事件方法的第三个参数,就是控制事件触发顺序是否为事件捕获。
true,事件捕获;
false,事件冒泡。
默认false,即事件冒泡。
看个例子:
document.getElementById("parent").addEventListener("click",function(e){
alert("parent事件被触发,"+e.target.id);
},true)
document.getElementById("child").addEventListener("click",function(e){
alert("child事件被触发,"+e.target.id)
},true)
这样的话就是自上而下的触发事件
相关文章
- JS框架_(JQbar.js)柱状图动态百分比进度条特效
- JS框架_(JQuery.js)Tooltip弹出式按钮插件
- JS框架_(JQuery.js)动画效果鼠标跟随
- JS手动触发事件,转载
- 【华为云技术分享】【一统江湖的大前端】PPT制作库impress.js
- 键盘事件与JS Filter
- js获取select改变事件
- js 触发长按事件
- [JS Compse] 4. A collection of Either examples compared to imperative code
- [Hapi.js] Route parameters
- js事件探秘
- js原生触发事件
- [Js/Jquery]天气接口简单使用
- node.js中的事件循环机制
- js es6 map weakmap
- Atitit.js的键盘按键事件捆绑and事件调度
- Atitit. Js 冒泡事件阻止 事件捕获 事件传递 事件代理
- Atitit。监听键盘上下左右方向键事件java js jquery c#.net
- 华为OD机试 - 猜字谜(Java & JS & Python)
- js滚动导航定位--头部demo效果示例(整理)
- JS演示如何制作利息功能
- JS实现输入检验
- js 去重和过滤
- 【JS高级】js面向对象三大特性之多态_07
- 【JS高级】js面向对象三大特性之封装—如何创建对象_05
- 【JS高级】js之闭包对象_04
- 前端必备技能知识:JS导出Blob流文件为Excel表格、Vue.js使用Blob的方式实现excel表格的下载(流文件下载)