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

时间:2017-05-07 08:33:58

标签: javascript jquery html5 keyboard-shortcuts

我已从here下载了HTML5音频播放器来源 我想改变玩家从点击到按键控制的方式。

js文件中,我发现了这个:

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

        playAudio();
    });

我试图实现这个但是没有工作:

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

        playAudio();
    }};

我怎样才能让它发挥作用?

4 个答案:

答案 0 :(得分:3)

试试这个

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

答案 1 :(得分:1)

没有经过测试,但您可以试试这个

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

答案 2 :(得分:1)

将您的代码更改为

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

    playAudio();
});

这将起作用

答案 3 :(得分:1)

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

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

HTML:

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

JQuery代码:

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