为什么在a标签的父元素上return false a标签也不能跳转

以前一直认为只是在a标签的点击事件上return false 点击a标签就不能跳转 直到几天前做项目 有个需求 我为了防止冒泡 然后图方便 就在a标签的父元素上绑定点击事件return false 结果点击a标签也不能跳转 这是为啥 以下是我的demo代码

<!DOCTYPE html>

<html>


<head>

    <meta charset="UTF-8">

    <title>Document</title>

</head>


<body>

    <div>

        <a href="http://www.baidu.com">baidu</a>

    </div>

    <script>

    document.querySelector('div').onclick = function(event) {

        return false

    }

    </script>

</body>


</html>

点击并不能跳转 望大神告知原因

一只斗牛犬
浏览 580回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript