Jquery-autocomplete：如果未选择任何项目，则使 tab 键选择第一个项目

Question

本题的目标是：通过使用jquery-autocomplete，使得tab键能够在没有选择项目的情况下选择第一个项目。

我实现的代码 (1) 有效，但我有一些疑问，我想澄清它们，或者如果可能的话，改进/更改代码 (1) 以实现我的目标。

我的疑惑是：

我太早触发 ENTER：事件调度是异步的（不同的监听器是同步调用的，但它是触发器异步的），所以我可能会在监听器处理 DONE 之前触发它。
因此，我在这里仍然对两个事件使用相同的对象，所以我可能会产生讨厌的副作用（如果我在第一次调度期间阻止默认值，那么第二个事件也会被阻止，因为它是相同的对象） .

有什么建议/意见吗？

附：

1. 这里是 jsfiddle 链接：http://jsfiddle.net/uymYJ/31/。
2. 这个问题和这个How to avoid to modify the event object in this situation有关。

---

(1)

$("#box").keydown(function(event){
    var newEvent = $.Event('keydown', {
        keyCode: event.keyCode
    });

    if (newEvent.keyCode !== $.ui.keyCode.TAB) {
        return;
    }

    newEvent.keyCode = $.ui.keyCode.DOWN;
    $(this).trigger(newEvent);

    newEvent.keyCode = $.ui.keyCode.ENTER;
    $(this).trigger(newEvent);
});

Answer 1

我认为你需要这样的东西：

$("#box").keydown(function(event){
    var newEvent = $.Event('keydown', {
        keyCode: event.keyCode
    });

    if (newEvent.keyCode !== $.ui.keyCode.TAB) {
        return;
    }

    if (newEvent.keyCode == $.ui.keyCode.TAB) {
        // custom logic for tab
        newEvent.keyCode = $.ui.keyCode.DOWN;
        $(this).trigger(newEvent);
        return false;
    }

    // ...
});