無法阻止默認鏈接操作

Question

我有一個全局范圍內的函數作為link（ <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

嘗試僅使用沒有html的“ onclick”的javascript

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

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

Answer 2

您必須使用addEventListener來監聽click事件，如下所示：

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

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

編輯：

嘗試這個：

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

Answer 3

如果必須使用onclick屬性，則return false;否則， return false; 將阻止那里的默認操作。

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