Frage

Ich habe einen Kunden, die ihre Benutzeroberfläche Anzeigefeldnamen in einer Form (Benutzername Feld sagt „username“, Passwort-Feld sagt: „Passwort“, etc.) gesucht. Da das Formular ein Passwort Typ <input> verwendet (die in der Regel zeigt Punkte), musste ich durch Übereinander sie mit divs füllen Daten in die Felder verspotten, die den Wortschwall enthalten ist.

autofill Um zu erkennen, schrieb ich einige Javascript, dass überprüft, ob das Feld gefüllt wird, und dementsprechend handelt (entweder versteckt oder zeigt den Wortschwall).

Soweit ich das beurteilen kann, Chrome ist der einzige Browser, wackelig geht. Es scheint nicht zu kümmern, wenn es autofill Daten ist oder nicht, und der Wortschwall immer überlagert die Autofill-Daten (angeblich, weil die hide Funktionalität wird nicht ausgelöst).

Meine langatmige Frage Wann wird Chrome autofill Daten in dem Rendering-Prozess? Ist es warten, bis Javascript und fertig ist? Gibt es eine Möglichkeit für mich, um zu überprüfen, ob autofill Daten ein Feld in Chrome besetzt halten?

War es hilfreich?

Lösung 2

Ich beschloss, einen Zuhörer zu einem Ereignis zu befestigen, dass die modale aktiviert, die die Formulare enthalten. Unnötig zu sagen, das ist eine Lösung, die nur in meinen besonderen Umständen funktionieren würde. Ich glaube nicht eine Antwort, aber ich bin Entsendung es hier möglicherweise andere gibt nach einer Lösung, eine Abhilfe.

Andere Tipps

Eine einfache Abhilfe wäre, die placeholder Attribut von HTML5, unterstützt von WebKit und Firefox. Es wäre ein zusätzliches Bit von Feature-Erkennung nehmen, aber dann würde man nur den Mock-Overlay in Nicht-Chrome implementieren muß.

Dive Into HTML5 Erklärung

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top