添加EventListener到按鈕

Question

我有一個input[type="text"]，當我按下向下鍵時，它將焦點添加到按鈕。

if(e.keyCode == 40 && document.getElementsByClassName('list-item').length > 0){ 
    document.getElementsByClassName('list-item')[0].focus(); 
    console.log(document.activeElement); 
} 

我想知道是否有可能對我來說，一個事件監聽添加到鍵盤事件上的按鈕，即使該按鈕是input[type="button"]或<button>標籤。我添加了兩個有效的事件，並且與鍵盤相關的兩個事件都不起作用。那可能嗎？

  collection[i].addEventListener('click', function(e){ 
       console.log('click'); 
      }); 
      collection[i].addEventListener('focus', function(e){ 
       console.log('focus'); 
      }) 
      collection[i].addEventListener('keyup', function(e){ 
       console.log('keyup'); 
      }) 
      collection[i].addEventListener('keypress', function(e){ 
       console.log('keypress'); 
      }) 

PS：我不希望任何的jQuery

Answer 1

每文檔，keypress只適用於產生一個字符值的鍵。正如@adeneo提到的那樣，keyup似乎可以用於下鍵。竅門是專注於按鈕。

https://developer.mozilla.org/en-US/docs/Web/Events/keypress