Javascript 添加按键事件

Javascript 添加按键事件,javascript,events,counter,onkeydown,Javascript,Events,Counter,Onkeydown,我有个问题。我用HTML和vanilla JS制作了一个小站点,作为计数器。它工作得很好,但我想添加一个函数,允许用户通过在numpad中按+或-,在计数器中添加或减去1 在vanilla JS中,最简单的方法是什么?您需要在文档中添加 document.addEventListener('keydown', myFunction); function myFunction(e) { var keyCode = e.keyCode(); ... } 您需要查找要使用+和-的键

我有个问题。我用HTML和vanilla JS制作了一个小站点,作为计数器。它工作得很好,但我想添加一个函数,允许用户通过在numpad中按+或-,在计数器中添加或减去1

在vanilla JS中,最简单的方法是什么?

您需要在文档中添加

document.addEventListener('keydown', myFunction);

function myFunction(e) {
    var keyCode = e.keyCode();
    ...
}

您需要查找要使用+和-的键的键代码,并将该值与键代码进行比较。然后使用条件执行加法或减法运算。

您将创建一个事件处理程序,该处理程序将根据按下的键对全局变量进行加法或减法运算,如下所示:

窗口计数器=0; 函数keyev{ ifev.keycode==107 window.counter++; ifev.keycode==109 window.counter-; }
document.onkeypress=键 当然,只需附加到keyup事件,并在按下正确的键时增加或减少值

var值=0; document.AddEventListenerDomainContentLoaded,functionevent{ document.querySelector.valueHolder.innerHTML=值; }; document.addEventListenerkeyup,functionevent{ 如果event.which==187 | | event.which==107{/+key 值++; } 如果event.which==189 | | event.which==109{/-key 价值-; } document.querySelector.valueHolder.innerHTML=值; console.logevent.which; };
可能是@Dekel的副本,那篇文章有jQuery,这篇没有。@LeoWilson那里被接受的答案没有jQuery。@Dekel我被纠正了,那么。