当我使用JQuery UI自动完成功能时,需要按下tab键将搜索框填充为自动完成结果的第一项,然后在之后包含一个空格,允许用户继续输入。
换句话说,在上面的例子中,如果有人键入“th”,他们将在自动完成选项中看到“this”和“that”。按Tab键会将“this ”(注意空格)添加到输入中,并且焦点仍然留在输入框中。
有人能给我指点一下我错过了什么吗?我不太懂JavaScript,所以简单易懂的话比较好 :)
或许更有用的信息(jQuery 1.7.2)来自HEAD部分:
<div class="ui-widget">
<form id="searchbox" method="GET" action="http://duckduckgo.com/">
<input id="search" type="text" name="q">
<input id="submit" type="submit" value="Search">
</form>
</div>
<script>
var tabKey = 9;
$('#search').autocomplete({
source: [ 'this', 'that', 'foobar' ],
delay: 0,
selectFirst: true,
select: function(event, ui) { if (event.keyCode == tabKey) {
$('#search').focus().select();
} }
});
// without this, the tab key doesn't trigger an event
$('.ui-autocomplete').keypress(function(event) {});
</script>
换句话说,在上面的例子中,如果有人键入“th”,他们将在自动完成选项中看到“this”和“that”。按Tab键会将“this ”(注意空格)添加到输入中,并且焦点仍然留在输入框中。
有人能给我指点一下我错过了什么吗?我不太懂JavaScript,所以简单易懂的话比较好 :)
或许更有用的信息(jQuery 1.7.2)来自HEAD部分:
<script src="js/jquery-latest.js"></script>
<script src="js/jquery-ui-1.8.20.custom.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery-ui-1.8.20.custom.css" />
< p > < em >编辑:看来< code >autoFocus: true 可以帮我解决部分问题。现在只需要弄清楚如何保持输入框的焦点。