如何创建一个空的 HTML 锚点，以便页面不会“跳转” 当我点击它时？

Question

我正在研究一些 JQuery，以便在单击链接时隐藏/显示一些内容。 我可以创建类似的内容：

<a href="#" onclick="jquery_stuff" />

但是，如果我在页面上向下滚动时单击该链接，它将跳回页面顶部。

如果我执行以下操作：

<a href="" onclick="jquery_stuff" />

页面将重新加载，这将消除页面上 javascript 所做的所有更改。

像这样的东西：

<a onclick="jquery_stuff" />

会给我想要的效果，但它不再显示为链接。 有没有办法指定一个空锚点，以便我可以将 JavaScript 处理程序分配给 onclick 事件，而不需要更改页面上的任何内容或移动滚动条？

Answer 1

放一个“return false;” 关于第二个选项：

<a href="" onclick="jquery_stuff; return false;" />

Answer 2

您需要在jquery_stuff之后return false;：

<a href="no-javascript.html" onclick="jquery_stuff(); return false;" />

这将取消默认操作。

Answer 3

您可以简单地如下所示：

<a href="javascript:;" onclick="jquery_stuff">

Answer 4

jQuery 有一个内置的函数，名为 preventDefault，可以在此处找到：
http://api.jquery.com/event.preventDefault/

这是他们的示例：

<script>
$("a").click(function(event) {
    event.preventDefault();
});
</script>

您可以还可以像这样构建链接：

<a href="javascript:void(0)" onclick="myJsFunc();">Link</a>

Answer 5

检查无眼睑的评论（使用按钮，而不是锚点）。 正要发布同样的建议。 不链接到资源而仅执行脚本的锚应该实现为按钮。

停止将事件处理程序放入 HTML 中，并停止使用锚标记
不服务于锚语义目的。 使用按钮并添加
单击 Javascript 中的处理程序。 示例：HTML <按钮
id="jquery_stuff">Label 和 JavaScript
$('#jquery_stuff').click(jquery_stuff);。 您可以使用 CSS 来设置样式
按钮看起来像一个链接，通过删除填充、边框、边距和
背景颜色，然后添加链接样式（例如颜色和
文本装饰）。 – 无眼睑 2010 年 10 月 19 日 17:40

Answer 6

<a href="javascript:;" onclick="jquery">link</a>

如果您希望 href 不希望在 html 验证器中弹出错误，则需要在其中添加一些内容。 javascript:; 是一个很好的占位符。

如果您确实想使用#：

<a href="#me" name="me" onclick="jquery">link</a>

请小心return false;，它会停止您正在执行的任何操作的默认行为。

另外，如果你的 js 就像提交一样，你可能会在 Internet Explorer 中遇到问题。

Answer 7

<a href="javascript:// some helpful comment " onclick="jquery_stuff" />

Answer 8

当我需要完成这样的事情时，我通常使用 并将其样式设置为看起来像链接。

Answer 9

  <a href="#" class="falseLinks">Link1</a>
  <a href="#" class="falseLinks">Link2</a>

等等..

JQUERY：

  $(function() {
    $("a.falseLinks").click(function() {
      // ...other stuff you want to do when links is clicked

      // This is the same as putting onclick="return false;" in HTML
     return false;
    })
  });

@eyelidless 他说的方式有点愚蠢，但他是对的。 这是最干净的方法。 如果您想回到普通的 Javascript 来使用 jQuery 更简单、更干净的东西，为什么还要使用 jQuery？

Answer 10

通常我会这样做：

<a style="cursor:pointer;" onclick="whatever();">Whatever</a>

Answer 11

我将使用 元素和纯 JavaScript 来实现您想要的效果。 但是，如果您坚持认为，这里有一个已接受答案的替代方法：

<a href="#nowhere" onclick="console.log('Hello, world!');">This link goes nowhere because the target doesn't exist.</a>