Question

我有一个表单字段，用户输入他们的地址。为了让用户的生活更轻松，我在此字段中添加了Google地方API地址自动填充功能。在您使用本机浏览器自动完成功能之前，这一切都很有效。如果用户在其Web浏览器上设置了自动完成功能，我显然希望他们能够使用它...通过表单越快越好。但是，当用户在我的地址字段上时，原生自动完成功能＆amp;谷歌地方自动完成最终相互竞争（本土上面的谷歌地方）。它看起来很糟糕，对于想要使用GP自动完成功能的人来说，这也是一个糟糕的用户体验。

我的自然倾向是只需在地址字段上切换autocomplete="off"（使用focus和blur）：

 $search_address
   //don't allow autocomplete when users are in this field as it messes with GP input
   .on('focus', function(e){
    $(this).attr('autocomplete', 'off'); console.log('autocomplete off');
   })

   //if the user is not in the field, allow autocomplete, or it messes with native AutoFill
   .on('blur', function(e){
    $(this).removeAttr('autocomplete'); console.log('autocomplete on');
   });

我可以从我的控制台日志中看出这些内容正在触发，但是本机浏览器自动完成功能未被删除。我不知道如何处理这种情况。有人想过这样做的方法，或者可能知道为什么这样做不起作用？

Answer 1

不确定是否重要，但您可能想尝试使用prop而不是attr：

$（本）.prop（＆＃34;自动完成＆＃34;＆＃34;关闭＆＃34）;

我做了，它在Chrome中对我有用。

切换自动填充开/关表单字段

1 个答案: