javascript - jQuery 与 Safari 自动完成功能对比

Question

我使用 jQuery ui 自动完成插件 ( https://jqueryui.com/autocomplete/ )。

在 Safari 上，我得到两个自动完成列表:

• 来自 jQuery 的一个(预期，下面的一个包含 1 项)
• 来自浏览器的一个(不需要，顶部有 4 个项目)

我尝试使用 <input type="text" autocomplete="off">但 Safari 自动完成功能仍然出现。

我应该怎样做才能让它消失？

谢谢!

Answer 1

遗憾的是，所有主要浏览器都停止支持 autocomplete="off"属性。

根据MDN您可能会运气好，将自动完成设置设置为无效值，但此解决方案可能会成功或失败，具体取决于浏览器版本。

In some cases, the browser will keep suggesting autocompletion values even if the autocomplete attribute is set to off. This unexpected behavior can be quite puzzling for developers. The trick to really forcing the no-autocompletion is to assign a random string to the attribute, for example:

autocomplete="nope"

一些用户似乎成功使用的另一种解决方法如下。发表评论并让我知道这是否适合您。

//覆盖 Safari、Chrome 和 IE11 忽略自动完成的决定:关闭//在您希望跳过自动完成的表单上，将所有密码字段更改为 type=private//需要 jQuery

$(function() {
  $('input[type="private"]').focus(function(e){
    $(this).prop('type', 'password');
  });
  $('input[type="private"]').parents('form').submit(function(){
    $(this).find('input[type="password"]').hide().prop('type', 'private');
  });
});