jQuery – 在空格键的链接上触发点击事件？

在大多数浏览器中， 将[空格键]和[输入]视为单击，但链接仅将[输入]视为单击。

我的应用程序使用了许多格式化模拟按钮的链接，因此习惯于按Tab键切换按钮并按[空格键]的用户将感到沮丧。

这一点jQuery解决了这个问题：

 $("a.Button").die("keypress").live("keypress", function(e) { if (e.which == 32) { $(this).trigger("click"); e.preventDefault(); } }); 

我的问题：有没有理由不这样做？ 我有点不愿意在这个基本的东西上覆盖浏览器的默认行为，但是因为我已经滥用链接标记使它看起来像一个按钮，至少这样我不会违反用户的期望任何进一步。

Answer 1

我认为最重要的维护标准不是浏览器的行为，而是用户的预期响应。

如果您通过将链接显示为按钮来覆盖链接的显示，则用户必须能够完全按照它们是真实按钮的方式处理这些“按钮”，否则您会混淆并激怒那些花费数年时间的用户。学会了“行为。

Answer 2

有标准的可用性问题。

我认为“看起来像”是关键。 如果有人使用屏幕阅读器，他们将“看到”一个链接并采取适当的行动。

如果有人关闭javascript，jquery函数（显然）将无法运行，他们也将获得链接行为。

显然你已经使用类似按钮的链接完成了灵魂搜索（！），所以这是处理这两种情况的一种情况 – 屏幕阅读器和非JavaScript。

如果您还无法模拟这两种情况下的按钮行为（在链接上），那么您将为不同的人提供不同的体验 – 这是不使用该function的一个很好的理由。 空格键应该触发这些链接/按钮的每次使用，或者不使用它们。