javascript - 强制单击空链接以不移动页面焦点

我有一个空链接:

<a href="#" id="stop-point-btn">+ add stop-point</a>

绑定(bind)到JS函数:

$("#stop-point-btn").bind("click", addStopPoint);

它只是在div中添加一些内容:

function addStopPoint() {
    $("#stop-point-content").append(stopPointHtml())
}

单击后，如果我向下滚动一点，它将使我回到页面顶部(当然，由于提供了#空id值)。但是如何使它在页面上的位置不变(即滚动位置)。

最佳答案

使用preventDefault()。

 $("#stop-point-btn").bind("click", function(e) {
        e.preventDefault();
        addStopPoint();
    });

请记住: