jQuery：如何僅在某些元素上檢測箭頭鍵按下

Question

我是jQuery的新手，正在嘗試尋找一種方法來檢測箭頭鍵的按下（僅向上和向下） 。 在網上搜索時，我從這里碰到了這篇文章 。

這看起來非常好，但是我只想在用戶位於動態添加到頁面的具有特定類 （即元素具有焦點）的元素上時才檢測到箭頭鍵按下。

具體來說，當我在具有焦點的列表上按下向上或向下箭頭鍵時，我想突出顯示相應的列表項。

有沒有一種方法可以實現跨瀏覽器？

看來這已經自動發生，但就我而言，它無法正常工作，總是跳過列表項，這就是為什么我認為可以單獨定義它的原因。

示例元素：

<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>指向要跟蹤的元素。

更新

更好-由於您提到了動態添加的元素，因此請使用事件綁定的委托結構：

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

Answer 2

您可以使用標准

$('body').keyup(function(e){...})

機械化並檢查當前活動元素的類：

document.activeElement.classList