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

我有一个空链接：

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

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

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

---

单击后，如果我向下滚动了一点，它会将我移回页面顶部（当然，因为提供了

#

空id值）。但是我如何才能使我在页面上的位置不发生变化（即滚动位置）。

将事件作为参数传递给函数并添加此语句

event.preventDefault（）

在addstoppoint函数内部。

使用

请记住：

从jQuery1.7开始，.on（）方法是 将事件处理程序附加到文档。对于早期版本 .bind（）方法用于将事件处理程序直接附加到 元素

---

替换javascript中的href值：void（0）；点击链接不会产生任何效果

<a href="javascript:void(0);" id="stop-point-btn">+ add stop-point</a>

---

您需要传递

href

值为

javascript:void（0）

返回

未定义

，这就是为什么浏览器停留在同一页面上而不滚动页面

<a href="javascript:void(0);" id="stop-point-btn">+ add stop-point</a>

因此，您还建议我最好使用

.on（）

而不是

.bind（）

，因为在这种情况下，锚定是一个文档，而不是一个元素？不是。我的意思是：。猜a引用的太多，这可能会让人困惑。在我需要一个空的父级

a

来停止单击时的移动，但仍然允许子级充当链接的情况下，这对我来说很有效。

<a href="javascript:void(0);" id="stop-point-btn">+ add stop-point</a>

<a href="javascript:void(0);" id="stop-point-btn">+ add stop-point</a>