我想检测文本框的内容何时发生了变化。我可以使用keyup方法，但这也将检测不生成字母的击键，如方向键。我想到了两种使用keyup事件的方法:
显式检查所按键的ascii码是否为字母\backspace\delete 使用闭包来记住在击键之前文本框中的文本是什么，并检查这是否已更改。
两者看起来都有点麻烦。
当前回答
这里有一个完整的工作示例。
<html>
<title>jQuery Summing</title>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"> </script>
$(document).ready(function() {
$('.calc').on('input', function() {
var t1 = document.getElementById('txt1');
var t2 = document.getElementById('txt2');
var tot=0;
if (parseInt(t1.value))
tot += parseInt(t1.value);
if (parseInt(t2.value))
tot += parseInt(t2.value);
document.getElementById('txt3').value = tot;
});
});
</script>
</head>
<body>
<input type='text' class='calc' id='txt1'>
<input type='text' class='calc' id='txt2'>
<input type='text' id='txt3' readonly>
</body>
</html>
其他回答
该代码检测文本框的内容何时被用户更改，何时被Javascript代码修改。
var $myText = jQuery("#textbox");
$myText.data("value", $myText.val());
setInterval(function() {
var data = $myText.data("value"),
val = $myText.val();
if (data !== val) {
console.log("changed");
$myText.data("value", val);
}
}, 100);
使用闭包来记住按键之前复选框中的文本是什么，并检查它是否已更改。
是的。不一定要使用闭包，但需要记住旧值并将其与新值进行比较。
然而!这仍然不会捕捉每一个变化，因为有一种编辑文本框内容的方法，不涉及任何按键。例如，选择一个文本范围，然后右键单击剪切。或者拖着它。或者从另一个应用程序中删除文本到文本框中。或者通过浏览器的拼写检查更改一个单词。还是……
因此，如果必须检测每个变化，就必须进行轮询。你可以打开窗户。setInterval每(比如说)秒检查字段是否与之前的值对应。您还可以将onkeyup连接到相同的函数，以便更快地反映由按键引起的更改。
麻烦吗?是的。但这就是正常的HTML onchange方式，不要尝试即时更新。
document.getElementById('txtrate' + rowCount).onchange = function () {
// your logic
};
这个工作得很好，但在点击时也会触发事件，这并不好。我的系统进入循环。 而
$('#txtrate'+rowCount).bind('input', function() {
//your logic
} );
在我的场景中非常适用。它只在值改变时起作用。 可以使用document代替$ sign。getElementById太
开始观察“输入”事件而不是“改变”事件。
jQuery('#some_text_box').on('input', function() {
// do your stuff
});
.．.这是漂亮和干净的，但可以进一步扩展到:
jQuery('#some_text_box').on('input propertychange paste', function() {
// do your stuff
});
$(document).on('input','#mytxtBox',function () {
console.log($('#mytxtBox').val());
});
您可以使用'input'事件来检测文本框中的内容更改。不要使用'live'来绑定事件，因为它在Jquery-1.7中已弃用，所以要使用'on'。
