javascript - 防止空白链接（具有 javascript:;）在中键单击时在新选项卡/窗口中打开...？

Question

有一种常见的做法是使用<a></a>标签来标记漂亮的按钮，通过 onlick 和 onhover 样式更改等。这在大多数情况下看起来和行为都很棒。

虽然结果是一个巨大的问题，这在开始时并不是很明显。问题是这些漂亮的“按钮”在中键单击时会打开新窗口，要么是空白的，要么与当前窗口具有相同的内容（取决于使用 # 还是 javascript:; 来禁用 href 部分）。

现在我有了 JavaScript RIA，上面有按钮，中键打开新窗口......跛脚......

起初我什至不明白为什么有时我会在浏览器中看到那些空白页面。

由于以这种方式使用链接是非常成熟的做法，也许有任何既定的方法来处理所描述的问题？

Answer 1

为链接分配一个函数，该函数返回 false。例如：

<a href="javascript: return false">Not clickable</a>

Answer 2

首先不要有href="javascript:…"，建立在有效的东西上。

Answer 3

我最后所做的是，我<a>...</a>用 s 替换了所有标签<span>...</span>。唯一的问题是 IE 不支持 :active 跨度，所以我在 IE 中不再真正获得交互式按钮。