多种方法实现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 相关文章推荐
js类后台管理菜单类-MenuSwitch
Sep 12 Javascript
Array.prototype.slice 使用扩展
Jun 09 Javascript
javascript学习笔记(五) Array 数组类型介绍
Jun 19 Javascript
JavaScript面向对象之Prototypes和继承
Jul 12 Javascript
JS获取图片高度宽度的方法分享
Apr 17 Javascript
jQuery实现div随意拖动的实例代码(通用代码)
Jan 28 Javascript
javascript实现文字无缝滚动
Dec 27 Javascript
如何使用VuePress搭建一个类型element ui文档
Feb 14 Javascript
js前端面试之同步与异步问题详解
Apr 03 Javascript
详解Vue 全局变量,局部变量
Apr 17 Javascript
使用layui定义一个模块并使用的例子
Sep 14 Javascript
js实现星星打分效果
Jul 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中实现Bloom Filter算法
2015/03/30 PHP
thinkphp框架类库扩展操作示例
2019/11/26 PHP
Yii 框架使用数据库(databases)的方法示例
2020/05/19 PHP
php的单例模式及应用场景详解
2021/02/27 PHP
原生javascript获取元素样式属性值的方法
2010/12/25 Javascript
jQuery实现表格颜色交替显示的方法
2015/03/09 Javascript
js限制input标签中只能输入中文
2015/06/26 Javascript
DOM操作和jQuery实现选项移动操作的简单实例
2016/06/07 Javascript
再谈Javascript中的基本类型和引用类型(推荐)
2016/07/01 Javascript
javascript+html5+css3自定义提示窗口
2017/06/21 Javascript
Vue中的数据监听和数据交互案例解析
2017/07/12 Javascript
React中jquery引用的实现方法
2017/09/12 jQuery
JS实现点击复选框变更DIV显示状态的示例代码
2017/12/18 Javascript
Vue通过WebSocket建立长连接的实现代码
2019/11/05 Javascript
uni-app实现点赞评论功能
2019/11/25 Javascript
JS面向对象实现飞机大战
2020/08/26 Javascript
微信小程序实现锚点跳转
2020/11/23 Javascript
[03:03]DOTA2 2017国际邀请赛开幕战队入场仪式
2017/08/09 DOTA
[01:00]一分钟回顾2018DOTA2亚洲邀请赛现场活动
2018/04/07 DOTA
pandas中Timestamp类用法详解
2017/12/11 Python
解决Python 使用h5py加载文件,看不到keys()的问题
2019/02/08 Python
解决python中导入win32com.client出错的问题
2019/07/26 Python
python numpy中cumsum的用法详解
2019/10/17 Python
python 生成任意形状的凸包图代码
2020/04/16 Python
python解释器安装教程的方法步骤
2020/07/02 Python
python爬虫---requests库的用法详解
2020/09/28 Python
Python os库常用操作代码汇总
2020/11/03 Python
GLAMGLOW格莱魅美国官网:美国知名的面膜品牌
2016/12/31 全球购物
国际礼品店:GiftsnIdeas
2018/05/03 全球购物
办理暂住证介绍信
2014/01/11 职场文书
毕业典礼演讲稿
2014/05/13 职场文书
党支部2014年度工作总结
2014/12/04 职场文书
入党自荐书范文
2015/03/05 职场文书
如何使用PostgreSQL进行中文全文检索
2021/05/27 PostgreSQL
Python数据可视化之基于pyecharts实现的地理图表的绘制
2021/06/10 Python
KVM基础命令详解
2022/04/30 Servers