javascript - 如何检测文本框的内容已更改

Question

我想检测文本框的内容是否发生了变化。我可以使用 keyup 方法，但这也会检测不生成字母的击键，比如箭头键。我想到了两种使用 keyup 事件的方法:

1. 明确检查按键的ascii码是否为字母\退格\删除
2. 使用闭包来记住击键前文本框中的文本是什么，并检查它是否发生了变化。

两者看起来都有些麻烦。

Answer 1

开始观察“输入”事件而不是“改变”。

jQuery('#some_text_box').on('input', function() {
    // do your stuff
});

...很好很干净，但可以进一步扩展为:

jQuery('#some_text_box').on('input propertychange paste', function() {
    // do your stuff
});