我想检测文本框的内容何时发生了变化。我可以使用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>
其他回答
“change”事件不能正常工作，但“input”是完美的。
$('#your_textbox').bind('input', function() {
/* This will be fired every time, when textbox's value changes. */
} );
开始观察“输入”事件而不是“改变”事件。
jQuery('#some_text_box').on('input', function() {
// do your stuff
});
.．.这是漂亮和干净的，但可以进一步扩展到:
jQuery('#some_text_box').on('input propertychange paste', function() {
// do your stuff
});
我想问你为什么要检测文本框的内容在实时改变?
另一种方法是设置一个计时器(通过setIntval?)，并将上次保存的值与当前值进行比较，然后重置计时器。这将保证捕捉任何变化，无论是由键、鼠标、其他你没有考虑到的输入设备引起的，甚至是JavaScript从应用程序的不同部分改变值(另一种没有人提到的可能性)。
在HTML/标准JavaScript中使用onchange事件。
在jQuery中这就是change()事件。例如:
$('element').change(function() {// do something});
EDIT
看了一些评论后，你觉得:
$(function() {
var content = $('#myContent').val();
$('#myContent').keyup(function() {
if ($('#myContent').val() != content) {
content = $('#myContent').val();
alert('Content has been changed');
}
});
});
$(document).on('input','#mytxtBox',function () {
console.log($('#mytxtBox').val());
});
您可以使用'input'事件来检测文本框中的内容更改。不要使用'live'来绑定事件，因为它在Jquery-1.7中已弃用，所以要使用'on'。
