在JavaScript中更改单击以按下按键

Question

我已从here下载了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

以下是适用于您的工作演示：

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

HTML：

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

JQuery代码：

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