addEventListener keyup Keydown,Keycode无法正常工作

Question

var myVal = document.getElementsByClassName('inputVal')[0]; myVal.addEventListener('keyup',function(e){var count = myVal.value; console.log(count)});

Answer 1

尝试绑定事件document或window.如果一个元素不可聚焦且没有聚焦,键盘事件将不会发送给它,而是调度到文档root(<body>).

记住非常重要和有用。另一个提示是，如果您在全局对象（例如“document.body”）上侦听“keyup”/“keydown”（或其他）事件，您可以区分源自焦点元素（例如“input”标签）的事件并通过检查事件对象的 `target` 属性从事件处理程序中的这个全局对象中获取。如果事件源自一个焦点元素，`target` 将是`!==` 你的“全局”对象（例如`document.body`）。 (2认同)