单击锚链接时如何停止跳转？ [复制]

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>