javascript - 使用 onblur 和 onchange 进行实时更新

Question

嗨，一旦用户完成对页面上的文本区域的更改，我就有 jQuery ajax 调用更新用户信息。现在我让它更新 onblur 但我还想确保 onchange 事件已注册，以便我知道他们不只是单击并退出 textarea。有没有一种结合 onblur 和 onchange 进行此类验证的好方法？

这就是我现在所拥有的：

$('#formTitle').bind('blur', function() {
    updateTitle(this.value)
});

谢谢！

Answer 1

我认为方法 .change 就足够了。

$('#formTitle').change(function() {
    updateTitle(this.value)
});

这是示例

Answer 2

试试这个，将值保存在焦点上，然后进行模糊检查以查看它是否已更改。

var save_str = $('#formTitle').val();

$('#formTitle').bind('focus', function() {
  save_str = $(this).val();
});

$('#formTitle').bind('blur', function() {
  if (save_str != $(this).val()) {
    // do something
  }
});