javascript - 防止 javascript:void(0) 链接在悬停时显示链接地址

Question

我有一个 javascript Web 应用程序，其中包含许多当前都是元素的可点击<a href='javascript:void(0)'>元素。因为链接太多，当用户将鼠标悬停在页面上时，javascript:void(0)在chrome和firefox等浏览器的左下角会忽明忽暗，既烦人又丑陋。

我知道我应该将这些元素保留为可访问性和移动友好性的链接。有没有办法在浏览器中防止这种行为？或者，我可以将所有<a href='javascript:void(0)'>标签<div>即时转换为非触摸浏览器的标签，但这看起来很混乱。

Answer 1

这些元素一开始就不是超链接，所以将它们替换<span>为样式为cursor:pointer（且无href属性）的元素。

Answer 2

如果您担心<span></span>元素点击事件的浏览器兼容性，请使用

<button type="button" class="yourclass" onclick="dothis();">This</button>

你的想法可能会感觉更好。