多种方法实现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 网页跳转的方法
Dec 24 Javascript
DeviceOne 让你一见钟情的App快速开发平台
Feb 17 Javascript
js表单验证实例讲解
Mar 31 Javascript
javascript表单处理具体实现代码(表单、链接、按钮)
May 07 Javascript
jQuery Ajax页面局部加载方法汇总
Jun 02 Javascript
JS作用域闭包、预解释和this关键字综合实例解析
Dec 16 Javascript
JS对象是否拥有某属性如何判断
Feb 03 Javascript
vue params、query传参使用详解
Sep 12 Javascript
webpack下实现动态引入文件方法
Feb 22 Javascript
vue中实现移动端的scroll滚动方法
Mar 03 Javascript
echarts整合多个类似option的方法实例
Jul 10 Javascript
用npm安装vue和vue-cli,并使用webpack创建项目的方法
Sep 28 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结合JQueryJcrop实现图片裁切实例详解
2014/07/24 PHP
浅析PHP文件下载原理
2014/12/25 PHP
php绘制一个扇形的方法
2015/01/24 PHP
WordPress中使主题支持小工具以及添加插件启用函数
2015/12/22 PHP
常用PHP数组排序函数归纳
2016/08/08 PHP
Javascript 对象的解释
2008/11/24 Javascript
JavaScript 模拟用户单击事件
2009/12/31 Javascript
jquery的Tooltip插件 qtip使用详细说明
2010/09/08 Javascript
jquery制作弹窗提示窗口代码分享
2014/03/02 Javascript
javascript禁止超链接跳转的方法
2016/02/02 Javascript
JavaScript资源预加载组件和滑屏组件的使用推荐
2016/03/10 Javascript
jQuery CSS3自定义美化Checkbox实现代码
2016/05/12 Javascript
学习Angularjs分页指令
2016/07/01 Javascript
配置nodejs环境的方法
2017/05/13 NodeJs
详解Angular2表单-模板驱动的表单(Template-Driven Forms)
2017/08/04 Javascript
微信小程序 配置顶部导航条标题颜色的实现方法
2017/09/20 Javascript
Vue.js 实现数据展示全部和收起功能
2018/09/05 Javascript
vue项目中运用webpack动态配置打包多种环境域名的方法
2019/06/24 Javascript
ES5新增数组的实现方法
2020/05/12 Javascript
微信小程序自定义联系人弹窗
2020/05/26 Javascript
springboot+vue+对接支付宝接口+二维码扫描支付功能(沙箱环境)
2020/10/15 Javascript
Python3实现从指定路径查找文件的方法
2015/05/22 Python
python数据类型_元组、字典常用操作方法(介绍)
2017/05/30 Python
python matlibplot绘制3D图形
2018/07/02 Python
python实现贪吃蛇游戏
2020/03/21 Python
Python骚操作之动态定义函数
2019/03/26 Python
python利用wx实现界面按钮和按钮监听和字体改变的方法
2019/07/17 Python
解决Python spyder显示不全df列和行的问题
2020/04/20 Python
基于Python爬虫采集天气网实时信息
2020/06/05 Python
canvas 橡皮筋式线条绘图应用方法
2019/02/13 HTML / CSS
保险经纪人求职信
2014/03/11 职场文书
爱国主义演讲稿
2014/05/07 职场文书
应急管理工作总结2015
2015/05/04 职场文书
2015年安全生产月工作总结
2015/07/27 职场文书
2015年评职称个人工作总结
2015/10/15 职场文书
Python中相见恨晚的技巧
2021/04/13 Python