在javascript或jquery中通过单击和按键触发按钮[重复]答案

【问题标题】：trigger a button with click and keypress in javascript or jquery [duplicate]在javascript或jquery中通过单击和按键触发按钮[重复]
【发布时间】：2021-01-25 17:16:45
【问题描述】：

我的网络工具中有很多按钮。我为每个人都有 .click() 事件。我不确定如何在单击时添加键盘快捷键，以便用户可以单击按钮或按键盘上的键（例如“k”）来调用按钮功能。

$('#myButton').click(function () {
        // here is my code to be run when clicked
    });

例如如何向此按钮添加“k”键。我还希望能够在某个时候禁用点击和按键。那么如何才能禁用这两个事件侦听器呢？

【问题讨论】：

如果我使用$(document)，以后如何解绑？
看起来你正在使用 jQuery，所以你可以使用$(document).off('keypress')。见api.jquery.com/off

标签： javascript jquery

【解决方案1】：

var myButton=document.querySelector("#myButton");
document.body.addEventListener("keydown",function(){
    var code=75; // 75 is keycode of 'k'
    if(event.keyCode==code)
    {
        myButton.click();
    }
});

这里 keydown 事件被添加到 body 中，这样当用户点击一个键（这里是 k）时，myButton 将被“点击”，也就是它的 click 事件处理程序将被执行。

要获取keyCodes，请访问此站点keycode.info 或在按键时尝试控制台记录键码。

【讨论】：