[英]jQuery, change-event ONLY when user himself changes an input
我们可以检测用户是否更改了某些内容:
$('#item').change(function() {
alert('changed!');
});
遗憾的是,有时我需要巧妙地称之为: $('#item').change()
但在这种情况下它也被视为“已更改”。 有没有办法区分用户活动与手动活动?
从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>
与originalEvent
不同的方法应该是使用事件参数:
$('#item').change(function(event, who) {
if(who === "machine")
alert('machine!');
else
alert('human!');
});
$("#item").trigger("change", ["machine"]);
当用户触发事件时,回调的事件参数将包含originalEvent键,因此您可以执行以下操作:
$('#item').change(function(e){ if (e.originalEvent){ alert('Changed by user'); } // Place common code here });
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.