不能阻止默認鏈接行爲

Question

我已經在全球範圍內的功能作爲一個鏈接（<a>）處理：

function sort(e, field) { 
e.preventDefault(); 

/* sort process ... */ 
} 

而且我有一個在我的HTML頁面動態出現鏈接：

<a onclick="sort(this,'title')" href="addr" id="sortByTitle">Book title</a> 

儘管e.preventDefault（）;該鏈接無論如何執行默認操作。

注： 這是非常重要的，我的鏈接將通過AJAX加載。

Answer 1

如果必須使用onclick屬性，return false;將阻止默認動作出現。

<a onclick="sort(this,'title'); return false;" href="addr" id="sortByTitle">Book title</a> 

Answer 2

儘量只使用JavaScript沒有HTML的 「點擊」

function sort(e, field) 
{ 
e.preventDefault(); 

/* sort process ... */ 
} 
$("#sortByTitle").click(function(event) { sort(event, 'title'); }); 

Answer 3

必須使用的addEventListener聽點擊事件，像這樣：

document.getElementById("sortByTitle").addEventListener("click", function(event){ 
    event.preventDefault(); 
    alert("Hello!!"); 
}); 

看看這個小提琴： https://jsfiddle.net/rjnkuosL

編輯：

試試這個：

<a href="#" onclick="event.preventDefault(); sort();" />Book title</a>