阻止a標籤跳轉四種方法 兼容各大瀏覽器(包括IE)

阻止a標籤跳轉四種方法 兼容各大瀏覽器(包括IE)

HTML

<!--第一種-->
<a href="javascript:;">我不會被跳轉</a>
<!--第二種-->
<a href="javascript:void(0)">我不會被跳轉</a>
<!--第三種-->
<a href="http://www.baidu.com" onclick="fn.skip_1();return false">我不會被跳轉</a>
<!--第四種-->
<a href="http://www.baidu.com" onclick="fn.skip_2()">我不會被跳轉</a>

Javascript

var fn = {
    skip_1: function() {
        console.log('我不會被跳轉');
    },
    skip_2: function() {
        //阻止冒泡
        console.log('我不會被跳轉')
        var event = event || window.event;
        if (event.preventDefault) {
            event.preventDefault();
        } else {
            event.returnValue = false;
        }
    }
}

總結：上面四種方法都兼容ie瀏覽器，第三種、第四種方法較爲靈活，可以使用較多繁雜的場景