多种方法实现360浏览器下禁止自动填写用户名密码
更新时间：2014年06月16日 17:15:31 投稿：whsnow
这篇文章主要介绍了多种方法实现360浏览器下禁止自动填写用户名密码,需要的朋友可以参考下
目前开发一个项目遇到一个很恶心的问题，本来在登陆界面输入用户名密码后登陆，选择记住密码后，在内容页里面的<input type="text" id="userName" />以及<input type="password" id="password" />会把登陆界面输入的用户名密码填写在内容页里。而内容页是想建立新的子账户，这问题真叫一个恶心巴拉~~~
当然，在火狐，IE8以上版本等高档次浏览器下不会出现这种情况。问题出在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="请输入密码" />
大功告成！
当然，在火狐，IE8以上版本等高档次浏览器下不会出现这种情况。问题出在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="请输入密码" />
大功告成！
相关文章
alertifyjs是一个非侵入式，可定制的JavaScript通知组件。包括可定制的对话框，和右下角消息弹出框。完全可定制的警报，确认和提示对话框、完全自定义的通知系统、回调参数处理包括“确定“和”取消“按钮的点击、允许对话框排队2015-04-04
我们都知道jQUery对象中有一个类数组的元素包装集，该集合类似js中的数组一样拥有length属性，因此我们称此为类数组，下面我们就来总结下这个jQuery对象中的类数组时如何进行操作的2009-04-04
这篇文章主要介绍了jQuery解析json格式数据的方法,结合实例分析了使用jQuery1.7.2版本的方法解析json格式数据的技巧,需要的朋友可以参考下2016-01-01
表单提交的时候 ，是根据元素的name这个属性来的，只要不加name属性 就不会提交，具体实现如下，感兴趣的朋友可以参考下哈2013-05-05
这篇文章主要介绍了jquery trigger函数执行两次的解决方法,详细分析了trigger函数执行两次的原因与响应的解决技巧,非常具有实用价值,需要的朋友可以参考下2016-02-02
下面小编就为大家带来一篇jquery层级选择器的实现(匹配后代元素div)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
这篇文章主要介绍了jQuery插件开发中的extend方法，有需要的朋友可以参考一下2013-11-11
这篇文章主要为大家详细介绍了jquery+CSS3实现3D拖拽相册效果的具体代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-07-07
jQuery实现判断滚动条滚动到document底部的方法分析
这篇文章主要介绍了jQuery实现判断滚动条滚动到document底部的方法,结合实例形式分析了jQuery事件响应及针对页面元素属性判断的相关操作技巧,需要的朋友可以参考下2019-08-08
jQuery在IE下使用未闭合的xml代码创建元素时的Bug介绍
这个偏门Bug是我在更新phZoom 1.29后发现的, 我先将之重现一下2012-01-01
最新评论