在 href="#" 上使用 return false 时出现制表符问题在火狐浏览器中

Question

Stack Overflow 的各位，

我正在整理一个表单，其中包含独立的帮助文本和其他没有特定目的地的链接，但需要触发一些 jQuery 函数。

例如：

<a href="#" class="inline helpTrigger cursor">Why do we ask for this?</a>

单击或按键此链接时，文本旁边会出现一个帮助气泡。由于此 href 有一个值（“#”），我必须编写一个函数（如下所示）来阻止页面“跳转”到顶部：

$('a[href="#"]').bind('click keypress', function(event){
    return false;
});

这适用于大多数浏览器，但 FireFox 在按 Tab 键切换时会卡住并获胜。 t 移过该元素。有没有更好的方法来做到这一点，或者这是一个已知的 FF 问题？

我尝试将 href 完全留空 - 但这在语义上既不正确，也不在 IE 中工作。

任何帮助将不胜感激。 谢谢

Answer 1

您总是可以检查按下了哪个键并相应地继续？

 var code = (event.keyCode ? event.keyCode : event.which);
 if(code == 9) {
   //Do something
 }

Answer 2

事实上，火狐浏览器是正确的。它不应该跳到下一个元素，因为按键事件阻止了 Tab 键。删除按键以便浏览器应用事件的默认按键处理。

$('a[href="#"]').bind('click', function(event){
    return false;
});

Answer 3

是否应用 event.preventDefault();解决你的问题。