javascript - jQuery:如何检测仅在某些元素上按下箭头键

Question

我是 jQuery 新手，正在尝试找到一种方法来检测箭头键按下(仅向上和向下)。当我在网上搜索这个时，我发现了this post从这里开始。

这看起来非常好，但我只想检测箭头键按下当用户位于动态添加到页面的具有特定类的元素(即元素具有焦点)时。

具体来说，我想在焦点列表上按向上或向下箭头键时突出显示相应的列表项。

有没有办法可以实现这一点并跨浏览器工作？

看起来这已经自动发生，但在我的情况下它不能正常工作并且总是跳过列表项，这就是为什么我认为我可以单独定义它。

示例元素:

<ul class="myClass" id="someID">
   <li><a href="#">Value1</a></li>
   <li><a href="#">Value2</a></li>
   <li><a href="#">Value3</a></li>
</ul>

提前非常感谢您的帮助，迈克

Answer 1

而不是

$(document).keydown(function(e) {

在你的 JavaScript 代码中有

$(<selector>).keydown(function(e) {

哪里<selector>指向您要跟踪的元素。

更新

更好 - 既然您提到动态添加的元素，请使用事件绑定(bind)的委托(delegate)结构:

$(document).on("keydown", ".<yourClassName>", function(e) {