jQuery 自动完成鼠标选择触发模糊事件

Question

我使用 jQuery UI .autocomplete()，我真的很喜欢它。我确实有一个无法解决的重大问题。

当我输入一个字母时，比如s，stackoverflow出现在下拉菜单中，我用鼠标选择stackoverflow>，然后输入框暂时失去焦点，从而导致调用onblur事件。

虽然从技术上讲，当我点击时输入框会模糊，但这违背了可用性直觉。我该如何解决这种恼人的行为？

Answer 1

您可以尝试使用 jQuery UI 自动完成的打开和关闭事件来控制文本框的模糊事件。当自动完成功能打开时，您可以禁用模糊事件；当自动完成功能关闭时，您可以再次启用模糊事件。我在 jsfiddle.net 设置了一个工作示例。希望对您有所帮助。

var disable=false;

$( "#tags" ).autocomplete({
  source: availableTags,
  open: function(event, ui) { disable=true },
  close: function(event, ui) {
    disable=false; $(this).focus();
  }
}).blur(function() {
  if(!disable) {
    alert('blur');
  }
});