Jquery ui jquery ui自动完成输入键以添加到列表中

Jquery ui jquery ui自动完成输入键以添加到列表中,jquery-ui,jquery-ui-autocomplete,Jquery Ui,Jquery Ui Autocomplete,我有一个类似于此的带有add按钮的输入框。我想将按逗号分割的所有值添加到enter上的列表中。我无法做到这一点,因为按enter键似乎与自动完成的select事件冲突。问题是用户只能添加一项。我希望用户添加多个项目,然后按enter键将它们同时添加到列表中 只有当“自动完成”的建议列表关闭时,才会发生enter键事件。您可以使用“自动完成”的和事件来跟踪建议列表当前是否打开(将此信息存储在某个位置-在下面的示例中,在的“selectVisible”中): 例如。我以前使用jQuery Multi

我有一个类似于此的带有add按钮的输入框。我想将按逗号分割的所有值添加到enter上的列表中。我无法做到这一点,因为按enter键似乎与自动完成的
select
事件冲突。问题是用户只能添加一项。我希望用户添加多个项目,然后按enter键将它们同时添加到列表中

只有当“自动完成”的建议列表关闭时,才会发生enter键事件。

您可以使用“自动完成”的和事件来跟踪建议列表当前是否打开(将此信息存储在某个位置-在下面的示例中,在
的“selectVisible”
中):


例如。

我以前使用jQuery Multiselect小部件非常成功,我相信用户可以选择多个选项更直观

此外,它还可以在开箱即用的情况下适当地处理Enter键

$( "#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);
        },
        ...
    });