为什么给父元素绑定事件之后return false可以阻止子元素的默认行为

<!DOCTYPE html>

<html>

<head>

</head>

display: block;

background-color: red;

height: 200px;

}

</style>

</body>

document.getElementById("#body").onclick=function(){

console.log("123");

return false;

}

</script>

</html>

给body绑定了click事件，return false；相当于阻止了body的默认行为，和阻止body事件冒泡。相当于同时设置了event.stopPropagation()和event.preventDefault()。但为什么他的子元素a也无法实现跳转了？

源自：实战：挂号平台首页 5-2 首页.UI组件-UiSearch（2）

收起

2回答

好帮手慕粉回答被采纳获得+3积分 2020-05-13 15:17:01

同学你好，可以这么理解的。

继续加油，祝学习愉快~

好帮手慕粉 2020-05-10 13:06:22

同学你好，关于同学的问题回答如下：

1、同学前半部分理解的是正确的，相当于同时设置了event.stopPropagation()和event.preventDefault()。

2、在这里设置return false后，下级元素的事件将不会再被触发，所以将a标签的跳转行为也给禁止了。在这里不推荐同学使用return false,建议同学通过event.stopPropagation()实现：

祝学习愉快~

提问者王文辉 #1

这么说的话，return false应该这么理解才对，想当于同时设置了event.stopPropagation()和event.preventDefault()，且会阻止子元素的事件触发。因为冒泡是从子到父级阻止了，但这里把子元素的事件都阻止了

2020-05-13 11:12:39