JavaScript阻止事件冒泡示例分享
JavaScript事件 示例 分享 阻止 冒泡
2023-06-13 09:15:38 时间
之前遇到事件冒泡的问题,也去网上搜索了一番,结果大部分都是一样的代码,贴来用时也不太顺利。涉及到FF时,可以用e.stopPropagation();,不知怎地我没用成功。不过我发现FF支持e.cancelBubble=true;的写法,经测试可行。就把代码贴在这里吧,省得以后到处找。IE以前版本的兼容性还没测试,用到时再完善吧。
//取消事件冒泡
functionstopBubble(e){
varevt=(e)?e:window.event;//兼容FF
evt.cancelBubble=true; //evt.stopPropagation(); FF下阻止冒泡,据说可以用
};
另:
1、cancelBubble(HTMLDOMEvent对象属性):如果事件句柄想阻止事件传播到包容对象,必须把该属性设为true。
2、stopPropagation(HTMLDOMEvent对象方法):终止事件在传播过程的捕获、目标处理或起泡阶段进一步传播。调用该方法后,该节点上处理该事件的处理程序将被调用,事件不再被分派到其他节点。
3、preventDefault(HTMLDOMEvent对象方法)通知浏览器不要执行与事件关联的默认动作。
例子:
functionstopBubble(e)
{
if(e&&e.stopPropagation)
e.stopPropagation()
else
window.event.cancelBubble=true
}
把这个stopBubble(e)函数放到你想要的阻止事件冒泡函数里面就可以阻止事件冒泡了
相关文章
- javascript 高级教程 视频_精通JavaScript
- JavaScript笔记(12)之事件基础
- 【说站】javascript事件捕获是什么意思
- 【说站】javascript如何扩展内置对象
- javascript html转换成markdown,如何使用Turndown使用JavaScript将HTML转换为Markdown[通俗易懂]
- JavaScript案例:求学生成绩和打印九九乘法表
- 用javascript分类刷leetcode3.动态规划(图文视频讲解)_2023-03-15
- [javascript] 看知乎学习js事件触发过程详解编程语言
- JavaScript事件委托详解编程语言
- JAVASCRIPT使用ajax做异步上传文件详解编程语言
- javascript中两种基本常用排序算法分析详解编程语言
- 使用JavaScript访问MySQL数据库(js调用mysql数据库)
- javascript实现划词标记划词搜索功能修正版
- Javascript阻止javascript事件冒泡,获取控件ID值
- javascript事件问题
- JavaScript滚轮事件使用说明
- javascript学习笔记(五)正则表达式
- 5个javascript的数字格式化函数分享
- IE8的JavaScript点击事件(onclick)不兼容的解决方法
- javascript使用onclick事件改变选中行的颜色
- javascript闭包传参和事件的循环绑定示例探讨
- Javascript前端UI框架Kit使用指南之kitjs事件管理
- javascript表单验证和Window详解
- javascript中键盘事件用法实例分析
- JavaScript中使用stopPropagation函数停止事件传播例子