javascript - Javascript 代码仅基于几个警报语句的存在而表现不同

Question

我正在使用jQuery Autocomplete进行产品查找。我正在使用以下代码强制从列表中进行选择：

$(".force-selection").blur(function(e) {
  var value = $(this).val();
  //check if the input's value matches the selected item
  alert($(this).val());
  alert($(this).data('selected-item'));
  if(value != $(this).data('selected-item')) {
    //they don't, the user must have typed something else
    $(this)
      .val('') //clear the input's text
      .data('selected-item', ''); //clear the selected item
  }
});

上面的代码仅在删除两个警报语句时才有效。为什么行为会仅基于几个警报语句的存在而改变？

Answer 1

尝试切换到使用自动完成更改事件而不是模糊事件。

• 作为init创建自动完成时的一个选项：

  $(".selector").autocomplete({
     change: function(event, ui) { ... }
  });
  

• 或按类型绑定到更改事件：autocompletechange。

  $(".selector").bind("autocompletechange", function(event, ui) {
     ...
  });
  

Answer 2

这可能是由几个问题引起的。

如果您使用的是 Internet Explorer，alert则会在您正在处理的任何字段上触发“模糊”事件。在您的示例代码中，很明显为什么会导致问题。否则，您可能正在查看竞争条件问题。

在 IE 中查看这个小提琴：http: //jsfiddle.net/NsfKT/