javascript - 如何在 javascript 中正确使用 <a> 标签，但没有 href 链接

Question

我有一个包含多个叠加层的页面，所有叠加层均由带有 . 的 javascript 脚本触发。

效果很好，但有一个异常(exception):单击链接时页面会跳转。我知道我可以为每个添加 anchor 标记，并基本上控制它跳转到的位置，但这不是我的偏好。

我也知道我可以使用 href="javascript:void(0)"来纠正这个问题，但我的团队不希望 javascript:void(0) 在用户悬停在链接上时出现.

那么，我在这里有哪些选择？除了我可以在标记中使用的 href="#"之外，还有其他语法吗？

或者如果我使用 javascript:void(0) 或 javascript:null 来解决问题，是否有办法控制浏览器显示的文本？

或者其他一些解决方法？

Answer 1

如果您不需要链接，请不要使用具有 href 属性的 A 元素。根据需要使用跨度和样式，或使用按钮。

function whatever() {
  console.log('You clicked me!');
}

.linkLike {
  cursor: pointer;
  text-decoration: underline;
  color: blue;
}

<span class="linkLike" onclick="whatever()">Click me</span>