Jquery chrome在按下enter键和模糊事件后触发两次更改事件

Jquery chrome在按下enter键和模糊事件后触发两次更改事件,jquery,google-chrome,onchange,blur,Jquery,Google Chrome,Onchange,Blur,我有一个文本,当它归档时,我想触发更改事件。更改事件由以下人员触发: 1.在文本字段外单击(使其失去焦点)或 2.按enter键(使文本字段保持聚焦) 我不希望文本字段聚焦,因此我使用.blur()jQuery: $(document).on("change", "input.quantity", function() { alert('Changed!'); $(this).blur(); }); 当我在Firefox中测试它时,一切都很顺利 但当我在chrome中测

我有一个文本
,当它归档时,我想触发更改事件。更改事件由以下人员触发: 1.在文本字段外单击(使其失去焦点)或 2.按enter键(使文本字段保持聚焦)

我不希望文本字段聚焦,因此我使用
.blur()
jQuery:

$(document).on("change", "input.quantity", function()
{   
    alert('Changed!');
    $(this).blur(); 
});
当我在Firefox中测试它时,一切都很顺利 但当我在chrome中测试它时,change事件会触发两次,并得到两个警报

只有按下回车键时才会发生这种情况

如果我删除
$(this.blur()更改事件只触发一次

代码是


这可能是一个chrome错误,但如果有人知道如何解决此问题,这将是一个很大的帮助

尝试此代码,这不是一个正确的解决方案,但会解决您面临的问题:

$(document).on("change", "input.quantity", function(e)
{
    alert('Changed!');
    var $ele = $(this);
    setTimeout(function() {$ele.blur();}, 50);
});

更新的小提琴:

非常感谢。你的解决方案足够了