脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-多种方法实现360浏览器下禁止自动填写用户名密码，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。

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

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

第一种：把浏览器里的自动填写密码取消掉。
&nbsp;

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

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

很遗憾，这玩意360也免疫，尼玛的尼玛！

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

<input type="text" id="password" onfocus="this.type=&#39;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="请输入密码" />

觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！ js脚本，巧夺天工，精雕玉琢。小宝典献丑了！

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-多种方法实现360浏览器下禁止自动填写用户名密码全部内容，希望文章能够帮你解决javascript代码实例教程-多种方法实现360浏览器下禁止自动填写用户名密码所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。