
正文
js中哪些事件不支持冒泡,js为什么要阻止事件冒泡
提示:扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
JS如何阻止事件冒泡
1、事件冒泡过程(以标签ID表示):hr_three---divTwo---divOne。从最里层冒泡到最外层。
2、事件冒泡:开始时由最具体的元素接收,然后逐级向上传播到到 DOM 最顶层节点。
3、事件的传播是有方向的,当点击一个按钮时所产生的事件从这个按钮处开始向上传播(就像一个水泡从杯底冒上来,这就是之所以叫事件冒泡的原因),但这个事件总是寻找特定的属性是否有值。
4、所以很明显用onclick直接绑定的事件发生在了冒泡阶段。
相关问答
Q1: JS的冒泡事件如何使用
当你使用事件冒泡时,子级元素先触发,父级元素后触发,即p先触发,div后触发。W3C模型 W3C模型是将两者进行中和,在W3C模型中,任何事件发生时,先从顶层开始进行事件捕获,直到事件触发到达了事件源元素。
换句话说,元素只要符合某种事件的触发条件(比如鼠标点击),事件就必定会触发,而你所谓的“加”上去的是js对事件的处理过程(没有加的话就不会对事件做任何处理,但并不等于说事件就没有触发)。
未使用封装的代码 这段代码里面的核心代码理解了,便很好完成。
事件冒泡:事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。即子级元素先触发,父级元素后触发。
事件绑定:直接获取元素绑定:element.onclick = function(e){ // ...};该方法的优点是:简单和稳定,可以确保它在你使用的不同浏览器中运作一致;处理事件时,this关键字引用的是当前元素,这很有帮组。
addEventListener和attachEvent用于绑定事件处理程序,与事件冒泡没有必然联系,不能说“用了addEventListener和attachEvent方法触发事件冒泡”。
Q2: JS-阻止冒泡事件与事件委托
事件冒泡:开始时由最具体的元素接收,然后逐级向上传播到到 DOM 最顶层节点。
前面说过,IE提出的是冒泡流,而网景提出的是捕获流,后来在W3C组织的统一之下,JS支持了冒泡流和捕获流,但是目前低版本的IE浏览器还是只能支持冒泡流(IE6,IE7,IE8均只支持冒泡流),所以为了能够兼容更多的浏览器,建议大家使用冒泡流。
事件委托(也叫事件代理),其实这个问题也简单,要想弄明白事件委托,我们先要把事件冒泡的机制搞清楚。
关于js中哪些事件不支持冒泡和js为什么要阻止事件冒泡的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。






