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);
});
更新的小提琴:非常感谢。你的解决方案足够了