前提:登录按钮有限制,如果账号和密码有一个没有内容,那么登录按钮就会disabled,光标移上去会有一个🚫,所以浏览器自动填充之后,用户看到input框有内容,但是登录按钮还是会有🚫,接下来就是解决这个问题的过程。
1、通过最开始获取input框的值,来判断是否自动填充,但是很遗憾,获取不到;
2、js模拟鼠标点击
因为只要点击一下页面任何地方,input框就能获取到自动填充的值,所以想到这个方式,但是由于浏览器的安全限制,这个方式以失败告终;
3、很多人说chrome自动填充之后,会添加一个-webkit-autofill的伪类,但是我是用Opera测试的,无法获取到这个伪类,而且适应范围太窄,遂放弃;
4、最后发现如果自动填充,这2个输入框会同时高亮并且背景色和我原始设置的背景色不同,进而通过判断背景色的方式判断了是否自动填充
判断浏览器是否自动填充
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- (以下所有答案仅供参考) 简答题 1、什么是防抖和节流?有什么区别?如何实现? 参考答案 防抖 触发高频事件后n秒...
- javascript部分: 1.HTML对象获取问题 FireFox:document.getElementByI...
- 背景:chrome表单自动填充后,input文本框的背景会变成黄色,原因在于chrome会默认给自动填充的inpu...
- 1、什么是防抖和节流?有什么区别?如何实现? 参考答案 防抖 触发高频事件后n秒内函数只会执行一次,如果n秒内高频...
- 在谷歌浏览器上面登录页面时,如果之前记住了帐号密码的话,那么可以自由的选择登陆的账号,谷歌浏览器会自动自动填充密码...