JS如何阻止事件冒泡和默认行为
作者:
素明诚 | 来源:发表于
2020-11-21 16:42 被阅读0次
一、事件冒泡
- 当事件发生后,这个事件就要开始传播(从里到外或者从外向里)。为什么要传播呢?因为事件源本身(可能)并没有处理事件的能力。即处理事件的函数(方法)并未绑定在该事件源上。例如我们点击一个按钮时,就会产生一个click事件,但这个按钮本身可能不能处理这个事件,事件必须从这个按钮传播出去,从而到达能够处理这个事件的代码中(例如我们给按钮的onclick属性赋一个函数的名字,就是让这个函数去处理该按钮的click事件),或者按钮的父级绑定有事件函数,当该点击事件发生在按钮上,按钮本身并无处理事件函数,则传播到父级去处理。也就说,它找不到处理方式就开始广播了。
二、阻止冒泡但不阻止默认行为
e.cancelBubble = true;
e.stopPropagation();
三、阻止默认行为但没阻止冒泡
e.preventDefault();
return false;
本文标题:JS如何阻止事件冒泡和默认行为
本文链接:https://www.haomeiwen.com/subject/iawdiktx.html
网友评论