javascript - jQuery keyup 仅影响文本区域内容的键

Question

如何使用 jQuery 检测文本区域的值是否发生变化？我目前正在使用 keyup() 但这当然会触发每个击键，如果它是按下的箭头键或任何其他对文本区域的值没有影响的键，我不希望我的代码运行。

看看:

$('textarea').keyup(function() {
     if (content was changed)
         // Do something
});

希望你明白。我怎样才能做到最好？我不想将当前值与旧值进行比较来检查更改，我希望这不是唯一的方法。

Answer 1

无论如何，最简单的方法是将旧值存储到数据中，并在每次 keyup 时进行检查。该解决方案非常简短，并且在任何情况下都可以使用。无需重新发明轮子。

$("textarea").data("oldValue", function() {
    return this.value;
}).keyup(function() {
    var $this = $(this);
    if (this.value !== $this.data("oldValue")) {
        // Do something

        $this.data("oldValue", this.value);
    }
});

演示: http://jsfiddle.net/vvbSj/