判断浏览器是否自动填充

前提:登录按钮有限制,如果账号和密码有一个没有内容,那么登录按钮就会disabled,光标移上去会有一个🚫,所以浏览器自动填充之后,用户看到input框有内容,但是登录按钮还是会有🚫,接下来就是解决这个问题的过程。
1、通过最开始获取input框的值,来判断是否自动填充,但是很遗憾,获取不到;
2、js模拟鼠标点击
因为只要点击一下页面任何地方,input框就能获取到自动填充的值,所以想到这个方式,但是由于浏览器的安全限制,这个方式以失败告终;
3、很多人说chrome自动填充之后,会添加一个-webkit-autofill的伪类,但是我是用Opera测试的,无法获取到这个伪类,而且适应范围太窄,遂放弃;
4、最后发现如果自动填充,这2个输入框会同时高亮并且背景色和我原始设置的背景色不同,进而通过判断背景色的方式判断了是否自动填充

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容