Javascript -无法阻止链接加载页面

Javascript - cannot stop link from loading page

本文关键字:链接 加载 Javascript      更新时间:2023-09-26

我有一个link元素(实际上是某个类的所有链接),我为它绑定了一个单击事件。

下面是一个示例link元素:

<a id="2" class="paginationclick" style="cursor: pointer;" href="">2</a>

这里是绑定:

$(".paginationclick").click(function(e) {
    displayAccountSearchResults(e);
    if (e.stopPropagation) {
        e.stopPropagation();
    } else {
        e.cancelBubble = true;
    }
});

displayAccountSearchResults(e)执行良好,但随后页面重新加载。我不希望页面重新加载。为什么stopPropagation/cancelBubble不起作用?

你需要一个e.preventDefault

$(".paginationclick").click(function(e) {
    e.preventDefault()
    displayAccountSearchResults(e);
    if (e.stopPropagation) {
        e.stopPropagation();
    } else {
        e.cancelBubble = true;
    }
});