javascript - 移动原生键盘自动建议阻止加载 javascript 自动完成小部件

Question

相关移动设备是任何 Android 手机。我打开 firefox(顺便说一句，chrome 不会导致此问题)，转到 google 搜索或 IMDB 等网站，然后在搜索框中键入内容。当我输入第一个字母时， native 自动完成功能会在键盘上方激活。但是我没有得到搜索框下方的建议下拉列表!只有在我删除 native 自动建议(或自动完成)后，支持 javascript 的下拉菜单才会出现在搜索下方。

然而，在谷歌搜索中，浏览器自动提示会立即生效并与 native 自动提示一起出现:

但在 IMDB(或其他类似 Amazon)中，浏览器自动提示被手机的自动提示延迟或阻止(直到用户选择手机的建议或清除它才会出现):

我认为谷歌正在使用“keydown”事件来检测用户输入，但不确定是如何进行的，因为在我尝试自己在本地编写一个简单的自动完成后它并没有完全起作用。 “autocomplete=off”属性(在表单或目标输入字段上)也没有帮助。

如何才能不允许 native 键盘自动提示延迟或阻止浏览器自动提示？

Answer 1

使用输入事件检测变化。

如果您使用的是 jQuery/zepto，请执行此操作。

$(selector).bind('input', function(){
   //autocomplete logic
});

在原生js中

document.getElementById(selector).addEventListener('input', function(){
    //autocomplete logic
});