如何在点击锚链接时停止跳转？

Question

有没有办法避免点击锚链接时跳转？这样视图就不会改变。

Answer 1

解决这个问题最语义化和最有意义的方法是在 JavaScript 中处理 onclick 事件。理想情况下，该文件最好存储在单独的文件中，但是，在问题文件中包含内联脚本就足够了。如果您已经在使用 jQuery 等 JavaScript 库，我建议您采用以下方法解决此问题。

分配 ID
在锚点中包含一个 id 属性，以便可以使用 jQuery 选择它：

<a href="#anchor" id="mylink" title="Title Here">Link Text</a>

绑定点击事件
在您的 JavaScript 文件/内联脚本中包括以下内容：

$('#mylink').click(function(event) {

    // This will prevent the default action of the anchor
    event.preventDefault();

    // Failing the above, you could use this, however the above is recommended
    return false;

});

使用 jQuery API 网站完整解释了上述方法：http: //api.jquery.com/event.preventDefault/

Answer 2

只需使用：

<a href="javascript:void(0);">Text</a>

Answer 3

您可以使用 Javascript 来阻止链接的默认行为，一个简单的示例是：

<a href="#myanchor" onclick="return false;">link</a>