Question

我的简单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代码即可。最简单的方法是什么？

Answer 1

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

然而，由于安全性，实际调度/模拟按钮点击事件非常困难。

下面是一个使用javascript的示例，当按下键码13时，将调用start()。

您可以在此处查看代码：http://www.quirksmode.org/js/keys.html

使用Javascript

window.addEventListener('keypress', function (e) {
    if (e.keyCode !== 13) {
        start();
    }
}, false);

Answer 2

你可以试试这个

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重置。此外，您可以更改密钥，如果要为s函数设置start密钥，请相应地更改keys对象中的密钥，但一个函数应使用一个密钥

DEMO.

Answer 3

您可以侦听keydown事件，并且可以使用键代码来识别按下哪个键来执行这些功能。见https://developer.mozilla.org/en-US/docs/Web/API/event.keyCode

Answer 4

使用快捷键jquery插件ShortKey Plugin

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

使用键盘按钮提交网页？

4 个答案:

使用Javascript