javascript - 检测用户在文本框中输入

Question

我正在使用侦听器来检测用户何时完成文本框；当文本的值发生更改时，我将使用 innerHTML 将它们的文本粘贴到页面上。

document.getElementById("dateinput").addEventListener("change", function() {
     myDate(document.getElementById("dateinput").value);
     }, false);

有没有一种方法可以监听每个按键，以便在键入时立即逐个粘贴 .value 字符？我只想在文本框有焦点时执行此操作。

谢谢。

Answer 1

是的，在现代浏览器中，事件是keyup、或 （包括相关元素中的任何用户发起的、非编程的事件）。keydownkeypressinput<input>

参考：

• 事件：
  • input.
  • keydown.
  • keypress.
  • keyup.

Answer 2

您可以使用 keyup/keydown/keypress

document.getElementById("dateinput").addEventListener("keyup", function() {
     myDate(document.getElementById("dateinput").value);
     }, false);

你可以使用 onpaste

 document.getElementById("dateinput").addEventListener("paste", function() {
         myDate(document.getElementById("dateinput").value);
         }, false);