多种方法实现360浏览器下禁止自动填写用户名密码


Posted in Javascript onJune 16, 2014

目前开发一个项目遇到一个很恶心的问题,本来在登陆界面输入用户名密码后登陆,选择记住密码后,在内容页里面的<input type="text" id="userName" />以及<input type="password" id="password" />会把登陆界面输入的用户名密码填写在内容页里。而内容页是想建立新的子账户,这问题真叫一个恶心巴拉~~~

当然,在火狐,IE8以上版本等高档次浏览器下不会出现这种情况。问题出在360!不负众望,本菜鸟经过了以下的尝试:

第一种:把浏览器里的自动填写密码取消掉。
多种方法实现360浏览器下禁止自动填写用户名密码 

很遗憾,这玩意对360毫无反应,尼玛,第一种尝试失败!(当然,即便生效,作为一个开发者,不能让所有用户都采取这种操作!)

第二种:给input增加autocomplete="off"属性,让其不自动写入用户名和密码。

很遗憾,这玩意360也免疫,尼玛的尼玛!

第三种:通过js动态修改input的type属性:

<input type="text" id="password" onfocus="this.type='password'" />

这次360下直接把输入的密码显示出来了,也就是onfocus里面的没执行,打个短点执行以下,发现jquery报错了。出现 uncaught exception type property can't be changed 错误。很遗憾,IE下不支持对type的修改。

第四种:既然硬来不行,那只能执行非常手段了,你不让我改,那我不改,我隐藏你,来个障眼法!

$(function(){ 
$("#PWD").focus(function(){ 
$(this).hide(); 
$("#password").val("").show().css("backgroundColor","#fff").focus(); 
}); 
$("#password").blur(function(){ 
$(this).show().css("backgroundColor","#fff"); 
$("#PWD").hide(); 
}); 
$("#UN").focus(function(){ 
$(this).hide(); 
$("#userName").val("").show().css("backgroundColor","#fff").focus(); 
}); 
$("#userName").blur(function(){ 
$(this).show().css("backgroundColor","#fff"); 
$("#UN").hide(); 
}); 
});

注:把background-color设为#fff是因为360会默认给一个屎黄色的背景。

分别用一个id不为userName和password的输入框,样式设为一样,当我们点击假的input的时候,让真正的显示出来。

<input id="UN" maxlength="26" type="text" title="请输入用户名" /> 
<input id="userName" name="user.userName" maxlength="26" style="display:none;" type="text" title="请输入用户名" /> 
<input id="PWD" maxlength="20" type="text" title="请输入密码" /> 
<input id="password" name="user.password" maxlength="20" style="display:none;" type="password" title="请输入密码" />

大功告成!
Javascript 相关文章推荐
javascript+xml技术实现分页浏览
Jul 27 Javascript
JavaScript 精粹读书笔记(1,2)
Feb 07 Javascript
javascript 上下banner替换具体实现
Nov 14 Javascript
用模版生成HTML的的框架jquery.tmpl使用详解
Jan 07 Javascript
jQuery选择器源码解读(一):Sizzle方法
Mar 31 Javascript
在Node.js应用中使用Redis的方法简介
Jun 24 Javascript
原生js实现jquery函数animate()动画效果的简单实例
Aug 21 Javascript
基于js 各种排序方法和sort方法的区别(详解)
Jan 03 Javascript
浅谈JS和jQuery的区别
Mar 27 jQuery
基于Vue+elementUI实现动态表单的校验功能(根据条件动态切换校验格式)
Apr 04 Javascript
vue安装遇到的5个报错及解决方法
Jun 12 Javascript
js+html实现点名系统功能
Nov 05 Javascript
input:checkbox多选框实现单选效果跟radio一样
Jun 16 #Javascript
Jquery动态添加及删除页面节点元素示例代码
Jun 16 #Javascript
纯js实现div内图片自适应大小(已测试,兼容火狐)
Jun 16 #Javascript
火狐下input焦点无法重复获取问题的解决方法
Jun 16 #Javascript
两种方法实现在HTML页面加载完毕后运行某个js
Jun 16 #Javascript
jquery实现在页面加载完毕后获取图片高度或宽度
Jun 16 #Javascript
jQuery实现简单网页遮罩层/弹出层效果兼容IE6、IE7
Jun 16 #Javascript
You might like
PHP学习之PHP运算符
2006/10/09 PHP
php实现文件下载(支持中文文名)
2013/12/04 PHP
php实现的简单检验登陆类
2015/06/18 PHP
PHP 实现的将图片转换为TXT
2015/10/21 PHP
php过滤所有的空白字符(空格、全角空格、换行等)
2015/10/27 PHP
深入解析PHP中foreach语句控制数组循环的用法
2015/11/30 PHP
PHP+redis实现的悲观锁机制示例
2018/06/12 PHP
XP折叠菜单&amp;仿QQ2006菜单
2006/12/16 Javascript
javascript中的delete使用详解
2013/04/11 Javascript
jQuery的each终止或跳过示例代码
2013/12/12 Javascript
AngularJS中的过滤器filter用法完全解析
2016/04/22 Javascript
浅谈jQuery中hide和fadeOut的区别 show和fadeIn的区别
2016/08/18 Javascript
react中使用css的7中方式(最全总结)
2019/02/11 Javascript
用jQuery实现抽奖程序
2020/04/12 jQuery
微信小程序实现首页弹出广告
2020/12/03 Javascript
[02:08]DOTA2英雄基础教程 马格纳斯
2014/01/17 DOTA
使用Python脚本对Linux服务器进行监控的教程
2015/04/02 Python
听歌识曲--用python实现一个音乐检索器的功能
2016/11/15 Python
不要用强制方法杀掉python线程
2017/02/26 Python
python开发游戏的前期准备
2019/05/05 Python
python 处理微信对账单数据的实例代码
2019/07/19 Python
关于ResNeXt网络的pytorch实现
2020/01/14 Python
Django项目uwsgi+Nginx保姆级部署教程实现
2020/04/19 Python
python在CMD界面读取excel所有数据的示例
2020/09/28 Python
美国特价机票专家:Airfarewatchdog
2018/01/24 全球购物
巴西手表购物网站:eclock
2019/03/19 全球购物
教师评优事迹材料
2014/01/10 职场文书
个人委托书格式
2014/04/04 职场文书
应聘销售主管的求职信
2014/04/26 职场文书
高校优秀辅导员事迹材料
2014/05/07 职场文书
高中教师考核方案
2014/05/18 职场文书
学校就业推荐信范文
2014/05/19 职场文书
2015秋季新学期开学寄语
2015/05/28 职场文书
PostgreSQL通过oracle_fdw访问Oracle数据的实现步骤
2021/05/21 PostgreSQL
Anaconda安装pytorch和paddle的方法步骤
2022/04/03 Python
Nginx如何配置根据路径转发详解
2022/07/23 Servers