JavaScript的jQuery的KEYUP相当于（）和的keydown（）

Question

我看到的计算器此链接：$(document).ready equivalent without jQuery

在我的情况下，我使用

$(document).keydown(Keypress); 
$(document).keyup(Keyoff); 

的职能

function Keypress(evt) { 
    if (evt.keyCode == 39) rightpress = true; 
    else if (evt.keyCode == 37) leftpress = true; 
} 

//unset 
function Keyoff(evt) { 
    if (evt.keyCode == 39) rightpress = false; 
    else if (evt.keyCode == 37) leftpress = false; 
} 

是否有一个JavaScript等价物？像window.onload？

Answer 1

window.onkeydown = Keypress; 
window.onkeyup = Keyoff; 

https://developer.mozilla.org/en-US/docs/DOM/window.onkeyup

https://developer.mozilla.org/en-US/docs/DOM/window.onkeydown

Answer 2

为了多用一些 “相当于” jQuery的on方法，你不应该使用onkeydown和onkeyup处理程序。使用addEventListener或attachEvent。 attachEvent是专门针对较早版本的IE，所以addEventListener是标准版本，并被所有其他浏览器使用。但是你应该总是包含支持，所以你可以创建一个函数来处理这一切。尝试：

function addEvent(element, eventName, callback) { 
    if (element.addEventListener) { 
     element.addEventListener(eventName, callback, false); 
    } else if (element.attachEvent) { 
     element.attachEvent("on" + eventName, callback); 
    } 
} 

addEvent(window, "keydown", Keypress); 
addEvent(window, "keyup", Keyoff); 

这允许您添加多个处理程序，就像jQuery的on方法做。设置.onkeydown和.onkeyup属性只允许一个处理程序（除非您想覆盖另一个处理程序）。 addEvent函数可以做更多事情来制作标准的跨浏览器事件处理（例如基于回调函数的返回类型）。这是真的，现在并不重要 - 如果你想完全跨浏览器兼容，这就是jQuery的对:)

参考文献：

• addEventListener：从d：https://developer.mozilla.org/en-US/docs/DOM/EventTarget.addEventListener
• addEventListener vs onclick