文本输入直到失去焦点才触发更改事件。单击输入之外，将显示警报。

如果回调应该在文本输入失去焦点之前触发，则使用.keyup()事件。

我认为你也可以使用keydown:

$('#fieldID').on('keydown', function (e) {
  //console.log(e.which);
  if (e.which === 8) {
    //do something when pressing delete
    return true;
  } else {
    //do something else
    return false;
  }
});

当浏览器对文本框执行自动填充时，Onkeyup, onpaste, onchange, oninput似乎失败了。要处理这种情况，包括"autocomplete='off'"在你的文本框，以防止浏览器自动填充文本框，

Eg,

<input id="inputDatabaseName" autocomplete='off' onchange="check();"
 onkeyup="this.onchange();" onpaste="this.onchange();" oninput="this.onchange();" />

<script>
     function check(){
          alert("Input box changed");
          // Things to do when the textbox changes
     }
</script>

试试这样的方法，总是管用的。

$(function() {
    $("#my_input").on("change paste keyup", function() {
       alert($(this).val()); 
    });
});

在我的例子中，我有一个附加到日期选择器的文本框。对我来说唯一有效的解决方案是在datepicker的onSelect事件中处理它。

<input type="text"  id="bookdate">

$("#bookdate").datepicker({            
     onSelect: function (selected) {
         //handle change event here
     }
});

你可以像这样在jQuery中使用输入Javascript事件:

$('#inputDatabaseName').on('input',function(e){
    alert('Changed!')
});

在纯JavaScript中:

document.querySelector("input").addEventListener("change",function () {
  alert("Input Changed");
})

或者像这样:

<input id="inputDatabaseName" onchange="youFunction();"
onkeyup="this.onchange();" onpaste="this.onchange();" oninput="this.onchange();"/>