美文网首页
阻止a标签跳转的方法

阻止a标签跳转的方法

作者: 指尖跳动 | 来源:发表于2020-01-31 21:47 被阅读0次

不改变a标签的href值,怎么阻止a标签跳转呢?

方法一:

    <a href="//www.baidu.com" onclick="fun();return false;">点击</a>
    <script>
        function fun() {
            console.log('阻止了')
        }
    </script>

方法二:

    <a href="//www.baidu.com">点击</a>
    <script>
        document.querySelector("a").addEventListener("click", function(event) {
            event.preventDefault();
        }, false);
    </script>

相关文章

网友评论

      本文标题:阻止a标签跳转的方法

      本文链接:https://www.haomeiwen.com/subject/esjnthtx.html