JavaScript事件对象阻止默认行为的方法适用场景如取消点击a标签跳转新页面的默认行为方法一适用于普通浏览器

适用场景

如取消点击a标签跳转新页面的默认行为

方法一

适用于普通浏览器 e.preventDefault() 最常用

<body>
    <a href="">test</a>
    <script>
        var a = document.querySelector('a')
        a.addEventListener('click', function(e) {
            // 方法一 适用于普通浏览器
            e.preventDefault()
        })
    </script>
</body>

方法二

适用于低版本浏览器 IE6/7/8 e.returnValue

<body>
    <a href="">test</a>
    <script>
        var a = document.querySelector('a')
        a.onclick = function(e) {
            // 方法二 适用于低版本浏览器 
            e.returnValue
        }
    </script>
</body>

方法三##

使用return false阻止默认行为没有兼容性问题 但return后面代码不再执行

<body>
    <a href="">test</a>
    <script>
        var a = document.querySelector('a')
        a.onclick = function(e) {
            // 方法三 
            return false
        }
    </script>
</body>

欢迎关注

掘金：juejin.cn/user/415657…

Github：github.com/zhubingran

CSDN：blog.csdn.net/qq_43118757

QQ：1330022055