web-dev-qa-db-ja.com

Chromeオートコンプリート機能を無効にする方法は？

無効にしたいautocomplete ChromeブラウザでReact JavaScriptアプリケーション。インターネットで利用可能な一連のソリューションを試しましたが、 autoComplete=offは信頼性が低く、他の方法も同様です。

これは現時点で私たちにとって非常に重要です。Chrome using React JavaScript？

次に、テキストボックスに共通のコントロール/コンポーネントを使用し、どこでもそれらを使用しています

reactjsgoogle-chromeautofill
9
Shiva Wahi

行う autocomplete="new-password"オートコンプリートを無効にします。

3
illiteratewriter

onFocus属性を追加して、chrome autofillをオーバーライドできます。

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

onFocusメソッドでは、javaScriptを使用して「autocomplete」属性を変更する必要があります。

onFocus = event => {

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

};

この解決策は私にとってはうまくいきます。

それがあなたのために働くかどうか私に知らせてください;）

0
Dekel Dahan

Reactプロジェクトで同じ問題が発生しました。私の解決策は、autoComplete属性にランダムな文字列を使用することです。 Pim のように、「off」を使用しないでください。オートコンプリートを実際にオフにするには、無効な値を設定する必要があります。また、属性名はReactではautoCompleteである必要があることに注意してください。

0
zhengshan cao

私のために働いた唯一のハックは、隠された入力を作成し、元の入力名に乱数を追加することです：

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