防止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>

在你的思考中可能感觉更好。