javascript - addEventListener 函数不适用于 'onkeyup' 事件

Question

JavaScript

window.onload = initialise;

use = document.getElementById("use");

function initialise() {
    username = document.getElementById('username');
    username.addEventListener('onkeydown', respond, false);
}

function respond() {
    alert();
    //if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
    //    use.innerHTML=xmlhttp.responseText;
}

这里的username变量是另一个HTML文档中的输入文本字段，如下所示:

<input type="text" name="username" id="username">

这不起作用；我怎样才能让它发挥作用？

Answer 1

当使用addEventListener时您省略了事件名称中的“on”前缀

addEventListener('keydown', , /**/,/**/);
addEventListener('click', , /**/,/**/);
addEventListener('mouseover', , /**/,/**/);
//etc

而不是

addEventListener('onkeydown', , /**/,/**/);
addEventListener('onclick', , /**/,/**/);
addEventListener('onmouseover', , /**/,/**/);
//etc

Spec for event list types

但是，如果支持旧版 IE 浏览器，您将需要 attachEvent它使用“on”前缀