Когда Chrome автоматически заполняет веб-страницу?

Question

У меня есть клиент, который хотел, чтобы его пользовательский интерфейс отображал имена полей в форме (в поле username указано «username», в поле password указано «password» и т. Д.).Поскольку в форме используется пароль типа <input> (который обычно отображает точки), мне пришлось смоделировать заполнение данных в полях, наложив их на элементы div, содержащие словоблудие.

Для распознавания автозаполнения я написал несколько Javascriptон проверяет, заполнено ли поле, и действует ли он соответствующим образом (скрывая или показывая словоблудие).

Насколько я могу судить, Chrome - единственный браузер, который работает плохо.Кажется, это не заботит, есть ли данные автозаполнения или нет, и словесное выражение всегда накладывается на данные автозаполнения (якобы потому, что функциональность hide не запускается).

Мой давний вопрос: когда Chrome автоматически заполняет данные в процессе рендеринга?Ожидание, пока Javascript не закончится?Можно ли как-нибудь проверить, занимают ли данные автозаполнения поле в Chrome?

Answer 1

Простой обходной путь - использовать атрибут HTML5 placeholder, поддерживаемый WebKit и Firefox.Это потребовало бы дополнительного обнаружения функций, но тогда вам нужно было бы реализовать только наложение макета в не-Chrome.

Объяснение погружения в HTML5

Answer 2

Я решил присоединить слушателя к событию, которое активировало модал, содержащий формы.Излишне говорить, что это решение, которое будет работать только в моих конкретных обстоятельствах.Я не считаю это ответом, но я публикую его здесь, чтобы, возможно, дать другим, ищущим решение, обходной путь.