停用Chrome自动完成功能在JS作出反应

Question

朋友们，

我们要禁用自动完成的Chrome浏览器在我们的阵营JS应用。我们试图在互联网上提供一堆解决方案，但毫无效果。 autoComplete=off是不可靠的，那么其他的办法。

这是在这一刻我们真的很重要所以可以请你建议我们一个万无一失的方法来禁止使用JS作出反应在Chrome中自动完成？

其次，我们使用的是常见的控制/组件我们的文本框，并到处使用它们

Answer 1

不要autocomplete="new-password"禁用自动完成。

Answer 2

我买了我的项目做出反应了同样的问题。我的解决方案是使用自动完成属性的随机字符串。按照Pim，您需要设置一个无效的值要真正关闭自动完成关闭不要使用“关闭”。也请注意，属性名必须是自动完成的反应。

Answer 3

只为我工作的黑客是创建隐藏的输入，并添加随机数的原始输入名称：

<input type="text" name="" value="" readOnly={true} style={{display: "none"}}/>
<input
  type="text"
  name={"address " + Math.random()}
/>

Answer 4

您可以覆盖附加onFocus属性Chrome自动填入。

render()
{
  return <input type="text" name="name" value="this is my input" autoComplete="off" onFocus={this.onFocus} />
}

在onFocus方法，我们需要通过JavaScript来更改“自动填充”属性。

onFocus = event => {

   if(event.target.autocomplete)
   {
     event.target.autocomplete = "whatever";
   }

};

该解决方案为我工作。

请让我知道这对你有没有用 ;）