更改單擊以在JavaScript中按鍵

Question

我已經從此處下載了HTML5音頻播放器源，我想將播放器的控制方式從單擊更改為按鍵。

在js文件中，我發現了這一點：

// play click
    $('.play').click(function (e) {
        e.preventDefault();

        playAudio();
    });

我試圖實現這一點，但沒有成功：

document.onkeydown = function(e) {
if (e.keyCode == 78) {
    e.preventDefault();

        playAudio();
    }};

我該如何工作？

Answer 1

嘗試這個

document.onkeypress = function(e) {
    if (e.keyCode == 78) {
           e.preventDefault();
           playAudio();
    }
};

Answer 2

未經測試，但您可以嘗試

document.body.onkeydown = function(e) {
  //rest of the code
};

Answer 3

將您的代碼更改為

$('.play').keydown(function (e) {
    e.preventDefault();

    playAudio();
});

這會工作

Answer 4

 window.addEventListener("keydown", yourFunction, false); //listen to any keydown function yourFunction(e) { if (e.keyCode == "65") { alert("The 'a' key is pressed."); } } 

Answer 5

您需要的是.onkeypress 。

假設使用playAudio ，您可以如下模擬jQuery的操作：

var elements=document.querySelectorAll('.play');
for(var i=0;i<elements.length;i++) elements[i].onkeypress=function(e) {
    if(e.keyCode!=78) return;
    playAudio();
    e.preventDefault();
}

如果確定只有這樣一個元素，則可以編寫：

document.querySelector.onkeypress=function(e) {
    if(e.keyCode!=78) return;
    playAudio();
    e.preventDefault();
}

Answer 6

這是為您工作的演示：

https://jsfiddle.net/milanchheda/b478atu0/1/

HTML：

 <div class="containerClass">
  <input type="text" class="inputClass" />
</div>

jQuery代碼：

 $(".containerClass").on('keydown', '.inputClass', function() {
  alert("keydown...");
});

Answer 7

謝謝大家。 我感謝您的所有幫助。 清除瀏覽器Cookie后，我的實施效果很好。