奇怪，罕见但有问题的行为在单击按钮时访问 jquery UI 输入自动完成的值

Question

基本上，我有时很难从带有自动完成功能的 jquery UI 输入中获取正确的值。 Iv 创建了一个 jsfiddle 来演示该行为。很难解释确切的问题，但这是小提琴：

http://jsfiddle.net/B4mXH/14/

要重现，请完全按照以下步骤操作，同时打开浏览器开发工具 js 控制台：

1. 专注于文本输入
2. 将鼠标从输入端移开
3. c 型
4. 按键盘上的向下箭头选择“abc”
5. 将鼠标悬停在“cde”选项上
6. 点击按钮。

错误：我不会得到任何价值。 undefined 被记录到控制台。 预期：输入框中的任何值。请=)

如果重要的话，我正在使用 chrome。

Answer 1

如果您将change 处理程序替换为blur 处理程序，它将按预期工作：

$('#autocomplete').blur(function(event, ui) {
    value = $(this).val();
});

我不确定为什么，但我假设 UI 以编程方式触发 change 事件，这些事件会影响您存储的 value 变量的结果。

另外，如果你想始终获取文本输入的当前值，你可以在使用时查询它，而不是将其存储在变量中：

$('#button').click(function() {
    console.log("clicked with : " + $('#autocomplete').val());
});

您的项目可能有一些限制，您不能使用它，但如果您可以使用它，它是最防弹的方法。