html - 处理仅用于样式和/或交互目的的链接的推荐方法是什么？

Question

例如，下面的链接在 jQuery 中触发了一些东西但没有转到另一个页面，我前阵子使用了这种方法。

<a class="trigger" href="#"> Click Me </a>

请注意，那里只有一个哈希标签，通常会导致页面在点击时跳转，对吧？ [我认为]。它仅用于交互式内容，不会转到其他页面或其他任何内容。我看到很多开发人员都这样做。

不过我觉得这样做是错误的。是否有另一种推荐的方法可以在不使用 HTML 属性的情况下执行此操作？

未使用 <button> ether 因为链接不会是一个按钮。

也许没有哈希？

<a class="trigger"> Click Me </a>

& 在 CSS 中:

.trigger {
 cursor: pointer;
 }

所以用户仍然知道您应该点击哪些内容？

Answer 1

我喜欢让这样的链接在点击时返回 false，这样点击它们就不会导致任何跳转。使用 jQuery 就像

$(selector).click(function(e)
{
    e.preventDefault();
});

或在 HTML 中

<a class="trigger" onclick="return false;" href=""> Click Me </a>