我查看了许多其他问题并找到了非常简单的答案，包括下面的代码。我只是想检测何时有人更改了文本框的内容，但由于某种原因它不起作用......我没有收到控制台错误。当我在浏览器中的 change() 函数处设置断点时，它永远不会命中它。
$('#inputDatabaseName').change(function () {
alert('test');
});
<input id="inputDatabaseName">
【问题讨论】：
文本输入在失去焦点之前不会触发change 事件。在输入之外单击，将显示警报。
如果回调应该在文本输入失去焦点之前触发，请使用.keyup() 事件。
【讨论】：
change 在这里工作：jsfiddle.net/g6pcp； keyup 在每个键后发出警报，这不是一个好方法
alert()。这将使调试变得容易得多。
尝试使用 keyup 而不是更改。
<script type="text/javascript">
$(document).ready(function () {
$('#inputDatabaseName').keyup(function () { alert('test'); });
});
</script>
【讨论】：
您可以像这样在 jQuery 中使用input Javascript event：
$('#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();"/>
【讨论】：
onkeyup, onpaste, onchange, oninput 似乎在浏览器对文本框执行自动填充时失败。要处理这种情况，请在您的文本字段中包含“autocomplete='off'”以防止浏览器自动填充文本框，
例如，
<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>
【讨论】：
我想你也可以使用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;
}
});
【讨论】：
每个答案都缺少一些要点，所以这是我的解决方案：
$("#input").on("input", function(e) {
var input = $(this);
var val = input.val();
if (input.data("lastval") != val) {
input.data("lastval", val);
//your change action goes here
console.log(val);
}
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="input">
<p>Try to drag the letters and copy paste</p>Input Event 在键盘输入、鼠标拖动、自动填充和复制粘贴上触发铬和火狐。
检查以前的值可以检测到真正的变化，这意味着在粘贴相同的东西或输入相同的字符等时不会触发。
工作示例：http://jsfiddle.net/g6pcp/473/
更新：
如果您希望仅在用户完成输入后运行change function并防止多次触发更改操作，您可以尝试以下操作：
var timerid;
$("#input").on("input", function(e) {
var value = $(this).val();
if ($(this).data("lastval") != value) {
$(this).data("lastval", value);
clearTimeout(timerid);
timerid = setTimeout(function() {
//your change action goes here
console.log(value);
}, 500);
};
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="input">如果用户开始输入（例如“foobar”），此代码会阻止您的change action 为用户输入的每个字母运行，并且仅在用户停止输入时运行，这特别适用于您将输入发送到服务器时（例如搜索输入），这样服务器只有一个搜索foobar而不是六个搜索f然后fo然后foo和foob等等。
【讨论】：
$("#input").focusout(function () {})。当您在输入之外单击时，该事件被触发。适用于当前Chrome 和 Firefox 以及 IE9 版本
$("#input").on("input focusout",function(e){
就我而言，我有一个附加到日期选择器的文本框。唯一对我有用的解决方案是在 datepicker 的 onSelect 事件中处理它。
<input type="text" id="bookdate">
$("#bookdate").datepicker({
onSelect: function (selected) {
//handle change event here
}
});
【讨论】：
工作：
$("#ContentPlaceHolder1_txtNombre").keyup(function () {
var txt = $(this).val();
$('.column').each(function () {
$(this).show();
if ($(this).text().toUpperCase().indexOf(txt.toUpperCase()) == -1) {
$(this).hide();
}
});
//}
});
【讨论】：
尝试这样的方法，它总是有效的。
$(function() {
$("#my_input").on("change paste keyup", function() {
alert($(this).val());
});
});
【讨论】：