区分:阻止事件冒泡(stopPropagation)与阻止默认行为(preventDefault)

来源:互联网 发布:linux 复制文件夹命令 编辑:程序博客网 时间:2024/06/05 19:22

阻止事件冒泡: event.stopPropagation();

事件代理用到了两个在JavaSciprt事件中常被忽略的特性:事件冒泡以及目标元素。

当一个元素上的事件被触发的时候,比如说鼠标点击了一个按钮,同样的事件将会在那个元素的所有祖先元素中被触发。

这一过程被称为事件冒泡;这个事件从原始元素开始一直冒泡到DOM树的最上层。

event.stopPropagation() 方法阻止事件冒泡到父元素,阻止任何父事件处理程序被执行。


阻止默认行为:event.preventDefault()

比如<a href="http://www.baidu.com">百度</a>

点击百度链接到http://www.baidu.com,这是属于<a>标签的默认行为

而preventDefault方法就是可以阻止它的默认行为的发生而发生其他的事情。
阅读全文
0 0
原创粉丝点击