jquery keyup 忽略不变的字符

Question

我试图在使用 keyup 更改 contenteditable div 时触发一个事件。不幸的是，它也捕获了诸如用箭头键移动插入符号之类的东西。我只想让它发现实际的变化。

我读了这个问题，看起来很相似，但是那里的解决方案不适用于换行之类的事情。有想法吗？

Answer 1

一种方法是在处理程序外部缓存长度，然后将文本区域的当前长度与缓存的长度进行比较。如果它们不同，那么您可以假设按下的键将内容添加到文本区域。希望这有帮助。

var textarea = $('textarea').get(0),
    length = $(textarea).val().length;

$(textarea).keyup(function() {
   if($(this).val().length != length) {

     //do something


     //cache new length
     length = $(this).val().length();
   }
});