阻止a标签跳转的方法

不改变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>