jQuery，仅当用户自己更改输入时更改事件

Question

我们可以检测用户是否更改了某些内容：

$('#item').change(function() { 
    alert('changed!');
});

可悲的是，有时我需要人为地称呼它：$('#item').change()但在这种情况下，它也被视为"已更改"。有没有办法区分用户活动与手动活动？

Answer 1

从 jQuery 事件处理程序返回的第一个参数是事件对象：

$('#item').change(function(e) { 
  console.log(e); // The event object
});

我通常区分用户触发事件和代码触发事件的方式是，用户触发的事件附加了一个originalEvent属性。我不知道这是否是最好的方法，但我会这样做：

$('#item').change(function(e) { 
  if (e.originalEvent) {
    // user-triggered event
  }
  else {
    // code-triggered event
  }
});

---

例

在下面的示例中键入 input 元素，然后取消聚焦该元素。您将收到一条提醒，指出"user-triggered"。单击该按钮可调用代码触发的更改。您将收到一条提醒，指出"code-triggered"。

$('#item').change(function(e) { 
  if (e.originalEvent) {
    alert('user-triggered')
  }
  else {
    alert('code-triggered')
  }
});
$('button').on('click', function() {
  $('#item').change();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type=text id=item />
<button>Click here to trigger change</button>

Answer 2

与originalEvent不同的方法应该是使用事件参数：

$('#item').change(function(event, who) {
    if(who === "machine")
        alert('machine!');
    else
        alert('human!');
});
$("#item").trigger("change", ["machine"]);

Answer 3

当用户触发事件时，回调的事件参数将包含一个 originalEvent 键，因此您可以执行以下操作：

   $（'#item'）.change（function（e）{        if （e.originalEvent）{            警报（"由用户更改"）;        }        在此处放置通用代码    });