防止錨行爲

Question

當我想阻止錨標籤我真的的默認行爲使用

<a href="javascript:void(0);">link</a> 

這是最有效的解決方案？

Answer 1

一個優雅有辱人格的解決方案的例子：

<a href="no-script.html" id="myLink">link</a> 

<script> 
document.getElementById("myLink").onclick = function() { 
    // do things, and then 
    return false; 
}; 
</script> 

演示：http://jsfiddle.net/karim79/PkgWL/1/

Answer 2

你也可以有這樣的：

<a href="#" onclick="return false;">link</a> 

Answer 3

這是一個很好的方法，如果你使用jQuery，你也可以這樣做：

<a id="link" href="javascript:void(0)">link</a> 

<script type="text/javascript"> 
    $("#link").click(function(ev) { 
     ev.preventDefault(); 
    }); 
</script> 

的preventDefault可能是有用的還可以防止提交表單

Answer 4

如果你不希望瀏覽器跟隨任何地方的鏈接，我會說你得到的是最簡單，最安全的解決方案。

當然，也有其他的解決方案的堆，你可以使用JavaScript的應用，但是當

• DOM是不完全加載，如果該事件被分配在domready中或更高版本，這是大多數其他方式可能會失敗，共同。
• 點擊事件偵聽器處理鏈接（這是常見的地方，你希望鏈接不被瀏覽器所遵循）。如果在處理點擊的javascript中發生錯誤，則可能在語句末尾的return false;或preventDefault將不會執行，並且瀏覽器將跟隨該鏈接（如果僅限於#）。

Answer 5

這是非常簡單的方法來阻止這一切。

(function($) { 
    $('a[href="#"]').click(function(e) { 
     e.preventDefault(); 
    }); 
})(jQuery);