javascript - 如何判断输入字段中何时输入了字符？

Question

假设我有一个带有代码 id ( #code ) 的输入字段。

如何判断何时使用 javascript 或 jQuery 在其中输入了新字符？

这是手动输入文本或由 javascript / jQuery 完成的时候。

Answer 1

使用 Change 函数跟踪文本框输入中的任何更改。Change event will be triggered only if you focus out of the text box

$('#idoftextbox').change(function(){
    //do something
});

如果您想在用户输入内容时进行检测，那么您需要使用 KeyPress

$('#idoftextbox').keypress(function(event) {
  if ( event.which == 13 )  { //This will give you the key code
     event.preventDefault();
   }
});

Answer 2

编辑

仅在现代浏览器中，您可以使用“输入”事件。在大多数情况下，更改事件可能会对所有浏览器有所帮助，下面定义了 jQuery 和 JS 示例。如前所述，更改事件只会在输入失去焦点时触发，因此您必须使用多种技术组合来覆盖所有基础，包括以给定的时间间隔检查字段值。可以在这里找到涵盖所有场景的详尽解释： Detecting input change in jQuery?

jQuery：

 $('#code').on('change', function(e){
    //do something 
    });

Javascript

document.getElementById('code').addEventListener('change', function(e){
//do something
});

Answer 3

This will trigger on every keypress.

Using Javascript:

document.getElementById('id').addEventListener('input',function(e){
        console.log("Print Hello World");
         //do something else
        });