什么时候Chrome网页自动填充呈现？

Question

我有一位客户想要他们的UI在表单中显示字段名称（用户名字段表示“用户名”，密码字段表示“密码”等）。由于表单使用密码类型<input>（通常显示点），我不得不通过将数据填充到包含该词汇的div来填充数据到填充字段。

为了识别自动填充，我编写了一些Javascript，用于检查字段是否已填充并相应地起作用（隐藏或显示措辞）。

据我所知，Chrome是唯一一款不稳定的浏览器。它似乎并不关心是否存在自动填充数据，并且措辞总是覆盖自动填充数据（表面上是因为hide功能未被触发）。

我的啰嗦问题是Chrome何时在渲染过程中自动填充数据？是否等到Javascript也完成了？我有什么方法可以检查自动填充数据是否占据Chrome中的某个字段？

Answer 1

一个简单的解决方法是使用HTML5的placeholder属性，WebKit和Firefox支持。这需要额外的功能检测，但是你只需要在非Chrome中实现模拟叠加。

Dive Into HTML5 explanation

Answer 2

我决定将一个监听器附加到一个激活包含表单的模态的事件。毋庸置疑，这是一种只适用于我的特殊情况的解决方案。我不认为这是一个答案，但我在这里发布它可能会让其他人寻找解决方案。