檢測瀏覽器自動填充：詳細指南

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

何時發生自動填充？

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

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

  • Firefox 4、IE 7 和 IE 8：不t 在自動填入上觸發變更事件。
  • Safari 5 和 Chrome 9：觸發更改事件。

• 對於其他表單欄位：

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

如何檢測自動填充

檢測自動填充由於瀏覽器不一致，這並不簡單。這裡有幾個選項：

• 禁用自動填入：在 HTML 中使用「autocomplete='off'」停用特定欄位的自動填入。
• 定期檢查欄位值： 定期檢查輸入欄位的值，以確定是否已自動填入。

• 觸發事件監聽器： 某些瀏覽器會在自動填入上觸發事件：

  • Chrome：使用「input」事件（例如，）。
  • Firefox：對某些表單欄位使用「change」事件.

瀏覽器特定注意事項：

• Firefox：

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

• Chrome:

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

• Safari:

  • 觸發某些欄位的變更事件。
  • 支援「自動完成」屬性。

其他資源：

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