检测用户在文本框中键入内容

Question

我正在使用侦听器来检测用户何时完成文本框;当文本值被更改时，我使用innerHTML将其文本粘贴到页面上。

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

有没有办法监听每个按键，以便在键入时立即按字符粘贴.value字符？我只想在文本框有焦点的情况下这样做。

感谢。

Answer 1

是的，事件是keyup，keydown，keypress，或者在当代浏览器中，input（涵盖任何用户发起的，非程序化的事件，相关的<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);