javascript - Chrome 自动填充在我的 JS 之后执行

标签 javascript jquery html css google-chrome

在 Chrome 中,我创建了带有标签的表单输入元素,当焦点位于输入字段上方时。这可以完美地工作和执行。

当我使用 chrome 自动填充用户名和密码时,浏览器会使用黄色预填充文本填充输入字段。我遇到的问题是当黄色预填充文本可见时,标签 JS 不执行并 float 到右上角。如果您单击页面上的任意位置,它会自动更正问题。任何想法或解决方案?我确实需要设置自动完成功能。 enter image description here

最佳答案

当 Chrome 自动填充输入时,它不会触发您的 CSS 当前所依赖的 :focus 状态。不幸的是,CSS 中不存在用于检测输入是否已填充的伪选择器 (learn more here)。

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

关于javascript - Chrome 自动填充在我的 JS 之后执行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41899045/

相关文章:

javascript - AJAX 和 JQuery 定期加载页面

javascript - 如何清空plupload队列

html - 在 HTML 中应该先出现什么, anchor 还是标题?

javascript - 动态删除localstorage中的li项

html - css 背景颜色不适用于 <div>

javascript - 如何更改此翻转卡以在单击时自行旋转?

javascript - 在 Javascript 中清除后启动计时器

javascript - Github API 授权问题

javascript - 如何使用 ES6 模块模拟单元测试的依赖关系

javascript - jScrollPane 在文本区域内无法正常工作