Javascript Chrome自动填充在my JS之后执行

在Chrome中，我创建了表单输入元素，它有一个标签，当聚焦时，浮动在输入字段上方。这项工作和执行都非常完美

当我使用chrome autofill作为用户名和密码时，浏览器会用黄色的预填充文本填充输入字段。我遇到的问题是，当黄色的预填充文本可见时，标签JS不会执行并浮动到右上角。如果您单击页面上的任意位置，它会自动更正问题。有什么想法或解决办法吗？我确实需要设置自动完成功能。

---

当Chrome自动填充输入时，它不会触发CSS当前所依赖的：焦点状态。不幸的是，CSS中不存在用于检测输入是否已填充的伪选择器

最好的选择是使用jQuery检测每个输入是否都有值，如果为true，则添加一个类。参见示例。然后修改动画效果，使其应用于input.has-data-class，例如