将输入焦点保留在流星js上的自动完成中

时间:2014-06-26 07:21:49

标签: javascript autocomplete meteor

我已将https://github.com/mizzao/meteor-autocomplete添加到meteor js项目中,并可获取可用选项列表。我正在使用箭头上下键来标记我的输入并输入以选择它。但随后光标从输入字段移出焦点,因此我无法再次按回车键提交表单。我必须单击表单上的按钮才能执行提交。

HTML:

<div class="controls">
  {{> inputAutocomplete settings=settings id="name" name="name" placeholder="Name" }}
</div>

我将焦点添加到js文件中,但只有在我从列表中选择一个项目之前它才有用:

Template.raceAddParticipant.rendered = function () {
  document.getElementById("name").focus();
};

我该怎样绕过这个?

问候克劳斯

1 个答案:

答案 0 :(得分:0)

(我写了这个包。)

我猜你在单场模式下使用自动完成功能。我在此功能中实现了以防止弹出菜单在选择后保持打开状态。默认情况下,只要字段聚焦(并且匹配),弹出菜单就会保持打开状态,并且输入按钮会进行选择。

您是否有关于如何改进此行为的建议?如果是这样,也许你应该在GitHub上打开一个问题。