JavaScript中的几个阻止事件

来自牛客的一道练习题:

假设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

猜你喜欢

转载自blog.csdn.net/Wind_waving/article/details/106809509