Javascript 使用键盘按钮提交网页？

我的简单html网页上有几个按钮，它们调用一些javascript：

  <input type="image" src="button_start.png" onClick="start();">
  <input type="image" src="button_stop.png" onClick="stop();">
  <input type="image" src="button_reset.png" onClick="reset()">

---

我想要的是能够按下三个单独的键盘键，让它们“按下”按钮或调用javascript代码。最简单的方法是什么？

您可以收听keydown事件，并使用keycode来识别按下哪个键来执行功能。请参见

您可以添加按键侦听器，并根据所按下的键调用相应的函数

然而，由于安全原因，实际分派/模拟按钮点击事件非常困难

下面是一个javascript示例，当按下带有keycode 13的键时，该javascript将调用

start（）

您可以在此处看到代码：

使用Javascript

---

使用shortkey jquery插件

你可以试试这个

window.addEventListener('load', function(e){
    var keys = { 't' : 'start', 's' : 'stop', 'r' : 'reset' };
    window.addEventListener('keypress', function (e){
        var fn = String.fromCharCode(e.which||e.keyCode);
        if(fn in keys) window[keys[fn]]();
    });
});

按

t

启动，

s

停止，

r

复位。此外，您还可以更改键，如果要为

start

功能设置

s

键，则相应地更改

keys

对象中的键，但一个键应用于一个功能

---

你为什么会建议jQuery…？你的权利，这太过分了。-1，不必要的使用jQuery@Nile我不明白出了什么问题？你在用jQ，但OP没有要求它。我找了，但显然还不够好。我最后在这里修改了op的代码：而且效果很好。

$(document).shortkeys({
  's': function () { start(); },'o': function () { stop(); },'r': function () { reset(); }
});

window.addEventListener('load', function(e){
    var keys = { 't' : 'start', 's' : 'stop', 'r' : 'reset' };
    window.addEventListener('keypress', function (e){
        var fn = String.fromCharCode(e.which||e.keyCode);
        if(fn in keys) window[keys[fn]]();
    });
});