如何在<a>JavaScript中</a>正确使用<a>代码，但没有href链接</a>

Question

我的网页上有多个叠加层，所有叠加层均由带有的JavaScript脚本触发。

它工作得很好，但有一个例外：单击链接时页面会跳转。 我知道我可以为每个标签添加一个锚标记，并从本质上控制它跳转到的位置，但这不是我的偏爱。

我也知道我可以使用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> 

Answer 2

您可以使用e.preventDefault(); 在事件处理程序中。

 document.getElementById('link').addEventListener('click', function(e) { e.preventDefault(); console.log('click'); }); 

 <a href="http://www.google.com" id="link">click</a>