避免360瀏覽器極速模式自動填充表單

問題

在表單裏面有API密鑰和證書密鑰兩個字段,剛好一個type=text,一個type=password,360以爲是登錄用戶名和密碼字段,進行了自動填充,如下所示:
在這裏插入圖片描述

解決方案

網上解決方案有很多,有的可行,有的不行。我試了好幾種,現記錄下成功的這一種。方法就是:將被自動填充的type=text那一個input的readonly設置爲true,然後頁面初始化的時候,延時一小段時間,再將其設置爲false即可。原理就是設置爲readonly的元素,360是無法將其自動填充的。
下面附上參考示例:

<td>商戶名稱:</td>
<td><input readonly=true id="merchantName" type="text" name="merchantName"/>
$(function(){
  disableAutoComplete('#merchantName');
})

function disableAutocomplete(id){
     if($(id).attr('readonly') !== 'readonly' && $(id).attr('readonly') !== true && $(id).attr('readonly') !== 'true'){
         $(id).attr('readonly',true);
     }

     setTimeout(function () {
        $(id).attr('readonly',false);
     },500)
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章