jQuery自动完成：我需要使用空格键来选择项目

Question

我需要使用空格键而不是返回键选择jQuery自动完成建议列表中的项目。

我能轻易做到吗？

Answer 1

如果您使用的是 jQueryUI Autucomplete插件，则可以修改源代码以获得所需的效果。行7151具有以下代码：

    case keyCode.ENTER:
    // when menu is open and has focus
    if ( this.menu.active ) {
    // #6055 - Opera still allows the keypress to occur
    // which causes forms to submit
        suppressKeyPress = true;
        event.preventDefault();
        this.menu.select( event );
    }

要删除此功能，假设您不希望任何事件与keydown + ENTER绑定，您可以将其注释掉或删除代码。如果您想稍后添加内容，我会将其评论出来。

行6672在case keyup声明中包含以下空switch：

case keyCode.SPACE:

您可以将已注释的代码添加到此部分，现在您应该可以使用SPACE选择项目，而不是输入：

 case keyCode.SPACE:

   if ( this.menu.active ) {

      suppressKeyPress = true;
      event.preventDefault();
      this.menu.select( event );
   }