jquery ui autocomplete输入要添加到列表的键

Question

我有一个类似于这个http://jqueryui.com/demos/autocomplete/#multiple的输入框和添加按钮.我想在输入时添加添加到列表中的逗号分割的所有值.我无法做到这一点,因为带有输入的按键似乎与select自动完成事件冲突.问题是用户只能添加一个项目.我希望用户添加多个项目,然后按回车键同时将它们添加到列表中.

只有在关闭自动填充的建议列表时才会发生回车键事件.

Answer 1

您可以使用open和close事件autocomplete来跟踪建议列表当前是否打开（将此信息存储在某处 - 在下面的示例中，在 中"selectVisible" data）：

$( "#tags" )
    .bind( "keydown", function( event ) {
        if ( event.keyCode === $.ui.keyCode.ENTER && !$(this).data("selectVisible") ) {
            // Your code
        }
        ...
    })
    .autocomplete({
        open: function() {
            $(this).data("selectVisible", true);
        },
        close: function() {
            $(this).data("selectVisible", false);
        },
        ...
    });

jsFiddle的工作示例。