javascript - 我可以触发浏览器通过 javascript 显示自动完成建议吗？

Question

我正在使用 html 数据列表为文本输入创建自动完成选项。我想知道是否可以在单击按钮时触发建议从 javascript 出现，而​​不是双击输入。

<datalist id='gradeSuggestions'>
    <option value='A'>A</option>
    <option value='B'>B</option>
    <option value='C'>C</option>
</datalist>

<input name="grade[]" autocomplete="off" list='gradeSuggestions' type='text' />

<input type='button' id='showSuggestions' value='Show Suggestions' />

<script>
$('#showSuggestions').on('click', function(){
   // show the suggestions below the text input 
});
</script>

这是一个jsFiddle

Answer 1

jsFiddle Demo

如果您只想在第一次点击时显示自动完成功能，那么您可以进行一些焦点检测以触发它出现。当用户在输入上按下鼠标时，可以给输入焦点。点击事件会冒泡，输入会认为输入被点击了两次，导致显示自动完成。

$('#grade').mousedown(function(){
 if( document.activeElement == this )return;
 $(this).focus();
});