Javascript:带有 onkeydown 的 addEventListener 似乎不起作用

Question

如果将“onkeydown”替换为“click”，它至少会使用react。

<input id="yourinput" type="text" />

<script type="text/javascript">
document.getElementById("yourinput").addEventListener("onkeydown", keyDownTextField, false);

function keyDownTextField() {
alert("functional");    
if(keycode==13) {
        alert("You hit the enter key.");
    }
    else{
        alert("Oh no you didn't.");
    }
}
</script>

Answer 1

事件类型应该是"keydown"，注意你不需要on前缀:

element.addEventListener("keydown", keyDownTextField, false);

另请注意，您应该从处理程序中的事件对象中获取 keyCode:

function keyDownTextField (e) {
  var keyCode = e.keyCode;
  //...
}

检查示例 here .