JavaScript中的几个阻止事件

最新推荐文章于 2023-08-08 22:51:03 发布

风兮w

最新推荐文章于 2023-08-08 22:51:03 发布

阅读量365

点赞数

分类专栏： # JavaScript 文章标签： javascript js

本文链接：https://blog.csdn.net/Wind_waving/article/details/106809509

版权

JavaScript 专栏收录该内容

36 篇文章 0 订阅

订阅专栏

来自牛客的一道练习题：

假设DOM结构为：
<div id="a"><div id="b"></div></div>
JS代码为：
document.getElementById('a').addEventListener('click', e => {console.log(1)});
document.getElementById('b').addEventListener('click', e => {e.preventDefault();console.log(2)});
当点击id为b的div时，控制台输出的内容是：

答案是2 1

解释：
preventDefault() 取消事件默认行为，如阻止点击提交按钮时对表单的提交

stopImmediatePropagation() 取消事件冒泡同时阻止当前节点上的事件处理程序被调用

stopPropagation() 取消事件冒泡

cancelBubbe() IE浏览器下的取消事件冒泡，cancelBubble = true

returnValue() IE浏览器下的取消事件默认行为，window.event.returnValue = false