ブラウザの自動入力の検出: 詳細ガイド

自動入力は、事前に保存された情報をフォーム フィールドにすばやく入力するためにブラウザが提供する便利な機能です。これによりユーザー エクスペリエンスが合理化されますが、特定のシナリオで自動入力を追跡または無効にしようとする開発者にとっては課題が生じます。

自動入力はいつ行われますか?

自動入力のタイミング自動入力はブラウザと入力フィールドのタイプによって異なります。

• ユーザー名/パスワードの場合フィールド:

  • Firefox 4、IE 7、および IE 8: 自動入力時に変更イベントをトリガーしません。
  • Safari 5 および Chrome 9: 変更イベントをトリガーします。

• 他のフォーム フィールドの場合:

  • IE 7 および IE 8: 変更イベントをトリガーしません。
  • Firefox 4: ユーザーが提案リストから選択してタブアウトすると、変更イベントをトリガーします。
  • Chrome 9: 変更イベントをトリガーしません。
  • Safari 5: 変更イベントをトリガーします。

検出方法自動入力

ブラウザの不一致のため、自動入力の検出は簡単ではありません。以下にいくつかのオプションがあります:

• 自動入力を無効にする: HTML で "autocomplete='off'" を使用して特定のフィールドの自動入力を無効にします。
• 定期的にフィールド値のチェック: 入力フィールドの値を定期的にチェックして、入力フィールドが変更されているかどうかを確認します。 autofilled.

• トリガー イベント リスナー: 一部のブラウザは自動入力時にイベントをトリガーします:

  • Chrome: 「input」イベントを使用します (例: ).
  • Firefox: 一部のフォームに「change」イベントを使用するフィールド.

ブラウザ固有の考慮事項:

• Firefox:

  • 自動入力により、一部のフィールドの変更イベントがトリガーされます。
  • パフォーマンス モニター アドオンを使用して自動入力を測定できますパフォーマンス。

• Chrome:

  • 自動入力時に「入力」イベントをトリガーします。
  • CSS の「オートコンプリート」はサポートされていません」 property.

• Safari:

  • 一部のフィールドの変更イベントをトリガーします。
  • 「オートコンプリート」プロパティをサポートします。
  ]

追加リソース:

• [W3C 自動入力機能ガイド](https://www.w3.org/TR/html-dev/forms.html#autofill)
• [ブラウザでの自動入力の検出](https://blog.bitdefender.com/web-client/detecting-autofill-in-browsers/)