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