浅谈阻止事件冒泡的两种方法
来源:互联网 发布:java中跨行跨列 编辑:程序博客网 时间:2024/06/01 23:24
在此之前先随便记录几点浅显的知识。
1、JS组成:ECMAScript(Web的解释性编程语言);DOM(document object model文档对象模型);BOM(browser object model浏览器对象模型)。
2、事件监听方式:a、on+事件名称;b、addEventListener('事件类型',事件处理函数,是否捕获)/removeEventListener('事件类型',事件处理函数,是否捕获);
第二种方式ie6、7、8下不支持,可以用attachEvent('事件类型',事件处理函数)/detachEvent('事件类型',事件处理函数)代替。
3、 捕获型事件和冒泡型事件是DOM支持的两种事件类型。
a、事件捕获是从document开始,一级级向下传递,在捕获过程中如果dom节点中有绑定捕获型事件处理函数,就会执行(有特殊说明的除外),直到到达触发事件的元素,捕获结束。
b、冒泡是从触发该事件的元素开始,一级级向上传递,直到document。
OK了,了解了上述几点,其实阻止事件冒泡的方法就很好理解了:
阻止事件冒泡的两种方式正好是对应两种监听方式。
第一种:on+事件名称/attachEvent()----ev.cancelBubble = true;或者return false;
oDiv.onclick = function(ev) { ev.cancelBubble = true;}第二种:addEventListener()----ev.stopPropagation();
function fn1(ev) { ev.stopPropagation();}
0 0
- 浅谈阻止事件冒泡的两种方法
- jquery阻止事件冒泡的两种方法
- jquery阻止事件冒泡的两种方法 .
- jquery阻止事件冒泡的两种方法
- js阻止事件冒泡的两种方法
- vue阻止事件冒泡的两种方法
- javascript事件冒泡实例详解和jquery阻止事件冒泡的两种方法
- js 阻止事件冒泡的两种方式的方法实例
- 阻止事件冒泡方法
- 阻止事件冒泡方法
- jQuery阻止冒泡事件的几种方法
- 阻止冒泡事件的三种方法总结
- JS的事件冒泡及其阻止方法
- js阻止事件冒泡的方法:
- 阻止js事件冒泡的方法
- 阻止事件的冒泡
- 阻止事件冒泡,阻止默认事件,阻止所有事件的方法
- JQuery 提供了两种方式来阻止事件冒泡
- php中的try{}catch(){}
- ABAP增强中存在E类型的消息
- Linux不能连接网络问题
- Java排序算法--希尔排序(Shellsort)
- java反射初步学习(一)
- 浅谈阻止事件冒泡的两种方法
- ASCII编码与Unicode编码
- logstash 字段类型转换后 需要刷新
- Android 自定义View 点击可旋转的饼状图
- 剑指offer【11】反转链表
- js的组合继承
- C++中的算术类型
- 编译器错误 C2989
- Matlab从指定行读取文本文件(textscan)