Chromeが 'autocmplete = "false | off | others"を無視しているChrome自動入力フィールドでこの問題が発生します。私はまた、隠された偽のフィールド、this,thisといくつかを試してみました。手動でフィールドを上書きするJavascriptはalert()とデバッグモードでのみ動作します
$(window).load(function() {
console.log('Inside JQuery Window.Load...');
if(document.querySelector("input:-webkit-autofill")!= null) {
document.querySelector("input:-webkit-autofill").value = "";
}
console.log('Autofill value(Before Alert): ' + document.querySelector("input:-webkit-autofill"));
alert('An alert...');
if(document.querySelector("input:-webkit-autofill")!= null) {
document.querySelector("input:-webkit-autofill").value = "";
}
console.log('Autofill value(After Alert): ' + document.querySelector("input:-webkit-autofill"));
});
:JavaScriptを使用して
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill
{
-webkit-box-shadow: 0 0 0 1000px white inset !important;
}
:フィールドが黄色になると私は、次のCSSルールを使用することを決めたため、パスワードを含むworking.Theされていないようです。ここで
は、上記のスクリプトからのログ出力されます:
Inside JQuery Window.Load...
XXX:1324 Autofill value(Before Alert): null
XXX:1329 Autofill value(After Alert): [object HTMLInputElement]
そして、これは、デバッグモードで実行されている:
Inside JQuery Window.Load...
XXX:1324 Autofill value(Before Alert): [object HTMLInputElement]
XXX:1329 Autofill value(After Alert): [object HTMLInputElement]
私は、次の順列を試してみました:
$('input:-webkit-autofill').each(function(){...});
window.document.querySelector("input:-webkit-autofill");
<body onload="chromeCheckAutofill();" />
<script>
function checkAutofill() {
if(document.querySelector("input:-webkit-autofill")!= null) {
document.querySelector("input:-webkit-autofill").value = "";
}
}
</script>
これは問題のあるフィールドです:
<input name="MY_REFNO" id="MY_REFNO" style="WIDTH: 180px" maxlength="16" onkeypress="upperAlphanumberHandler(event)" onblur="upperAlphanumberChecker('MY_REFNO')" value="" autocomplete="off">
私は間違っていますか?オートフィル試してからGoogle Chromeを回避するために 私はこれをどのように修正すればよい...
はあなたには、いくつかのHTMLコードスニペットを追加することができ、あなたのコード内でタイプ=「テキストボックス」のようなテキストボックスのためのタイプを提供していないと思いますか? – lamp76
'
'は動作しませんでしたか? – RayonHTMLとJSを使ってChromeの仕組みを操作しようとしていますか? IE/Edge/Safari/Opera用の個別のソリューションを実装して、自動フィル機能もオーバーライドする予定ですか? – zerohero