Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery ui自动完成绑定新空间事件_Jquery_Jquery Ui_Jquery Ui Autocomplete - Fatal编程技术网

Jquery ui自动完成绑定新空间事件

Jquery ui自动完成绑定新空间事件,jquery,jquery-ui,jquery-ui-autocomplete,Jquery,Jquery Ui,Jquery Ui Autocomplete,我希望jquery auto complete选择列表中的第一项,然后在空格中选择该项,而不是按enter键或单击。我应该将代码附加到jQueryUIJava脚本文件中,还是有办法为空间添加另一个事件 提前谢谢你 Matthew您必须更改组件ui.autocomplete的代码(不推荐,最好您创建一个新的),您必须将以下行中的“keyCode.ENTER”更改为“keyCode.SPACE”: case keyCode.ENTER: // when men

我希望jquery auto complete选择列表中的第一项,然后在空格中选择该项,而不是按enter键或单击。我应该将代码附加到jQueryUIJava脚本文件中,还是有办法为空间添加另一个事件

提前谢谢你
Matthew

您必须更改组件ui.autocomplete的代码(不推荐,最好您创建一个新的),您必须将以下行中的“keyCode.ENTER”更改为“keyCode.SPACE”:

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 );
                    }
                    break;
如果希望两个键(回车键和空格键)都能工作,只需编写:

case keyCode.SPACE:
case keyCode.ENTER:
要选择第一个元素,只需添加“自动聚焦:true”:

在这里,您可以看到它正在运行:

这里有一个版本,我在其中创建了一个名为“ui.autocompletespace”的新组件,该组件取决于jqueryui:

有关此组件的更多信息,请参见此处:


按键检查空间如何?如果我没记错的话,您可以在文档中阅读关于编写自己的选择功能的内容。是的,我正在准备这样做,我会让您知道我找到的最佳解决方案。
$( "#autocomplete" ).autocomplete({autoFocus: true,
  source: whatever
});