首頁 > web前端 > js教程 > 如何偵測不同瀏覽器中的自動填充?

如何偵測不同瀏覽器中的自動填充?

Barbara Streisand
發布: 2024-11-23 07:52:11
原創
722 人瀏覽過

How Can You Detect Autofill in Different Browsers?

偵測瀏覽器自動填充:詳細指南

自動填充是瀏覽器提供的便利功能,可以使用預先儲存的信息快速填寫表單欄位。雖然這可以簡化使用者體驗,但對於在特定場景中尋求追蹤或停用自動填充的開發人員來說,這是一個挑戰。

自動填充何時發生?

自動填入的時間自動填入會因瀏覽器和輸入欄位類型而異。

  • 用於使用者名稱/密碼欄位:

    • Firefox 4、IE 7 和 IE 8:自動填入時不會觸發變更事件。
    • Safari 5 和 Chrome 9:觸發變更事件。
  • 其他形式欄位:

    • IE 7 和 IE 8:不觸發變更事件。
    • Firefox 4:當使用者從建議清單中選擇並退出時觸發變更事件。
    • Chrome 9:不觸發更改事件。
    • Safari 5:觸發更改

如何偵測自動填充

由於瀏覽器不一致,檢測自動填充並不簡單。以下是幾個選項:

  • 停用自動填入:在 HTML 中使用「autocomplete='off'」來停用特定欄位的自動填入。
  • 定期檢查欄位值:定期檢查輸入欄位的值以確定是否已被
  • 觸發事件監聽器:某些瀏覽器會在自動填充時觸發事件:

    • Chrome:使用「input」事件(例如,
    • ) input oninput="myFunction()"/>).
    • Firefox:使用「變更」某些表單欄位的事件。

瀏覽器特定注意事項:

  • Firefox:
    • Firefox:
  • 自動填入會觸發某些更改事件欄位。
  • 效能監視器外掛程式可用於測量自動填充效能。

    • Chrome:
  • 觸發「輸入」自動填充事件。
  • 不支援 CSS 的「自動完成」屬性。

    • Safari:
  • 觸發某些欄位的變更事件。

支援「自動完成」

  • 其他資源:
[W3C 自動填充功能指南](https://www.w3.property) org/TR/html-dev/forms.html#autofill)[偵測自動填入瀏覽器](https://blog.bitdefender.com/web-client/detecting-autofill-in- browsers/)

以上是如何偵測不同瀏覽器中的自動填充?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板