Zepto实现密码的隐藏/显示
更新时间：2017年04月07日 08:31:03 作者：DarkNight
本文主要介绍了js中隐藏/显示密码的Zepto的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧
效果图：
代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="http://www.xipwang.cn/js/zepto.min.js"></script>
</head>
<body>
<div class="ui-password">
<input type="password" name="" class="passwords">
<button class="seepassword" >查看密码</button>
</div>
<script type="text/javascript">
$(function(){
(function(){
$.fn.showpassWord = function () { //查看密码
function Seepasswrod(elemnts) {
this.elemnts = elemnts;
this.init();
};
Seepasswrod.prototype = {
init: function () {
var m = this
this.shouEvent(m);
},
shouEvent: function (m) {
m.elemnts.on("tap click", function () {
var type = m.elemnts.parent().find(".passwords").attr("type");
if (type == "password") {
m.elemnts.parent().find(".passwords").attr("type", "text");
} else if (type == "text") {
m.elemnts.parent().find(".passwords").attr("type", "password");
}
});
},
};
return this.each(function () {
new Seepasswrod($(this))
});
};
})(Zepto);
$(".seepassword").showpassWord();
});
</script>
</body>
</html>
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！
相关文章
这篇文章主要给大家介绍了关于js如何在字符串中查找某个字符的位置的相关资料,在JavaScript中我们经常需要对字符串进行各种操作,包括查找包含特定字符的字符串,需要的朋友可以参考下2023-11-11
这篇文章主要为大家详细介绍了Auto.js自动收取自己和好友蚂蚁森林能量脚本，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-06-06
这篇文章主要为大家详细介绍了如何使用p5.js临摹动态图形，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-10-10
这篇文章主要给大家介绍了关于JS中操作<select>标签选值的相关资料, 在HTML中,<Select>标签下的内容,代表下来列表选项,文中通过代码介绍的非常详细,需要的朋友可以参考下2023-10-10
最近开发的时候对页面使用了定时的局部更新，结果在ie6，7和Firefox下，一切正常，而在ie8下过上几个小时就浏览器就崩溃了，显示是内存溢出，下面由脚本之家小编给大家介绍ie8下内存一直增长内存泄漏的原因及解决办法，需要的朋友一起学习吧2016-04-04
仿google adsense颜色选择器代码，从中易广告联盟程序提取
仿google adsense颜色选择器代码，从中易广告联盟程序提取...2007-11-11
swiper组件是滑块视图容器，主要用来做图片轮播。这篇文章主要给大家介绍了关于微信小程序轮播图swiper代码的相关资料,需要的朋友可以参考下2020-12-12
JavaScript实现网页图片等比例缩放实现代码及调用方式
为了保证图片统一大小，直接设置图片大小又会导致图片拉伸,造成图片模糊，接下来将介绍的代码可以在图片加载完成后自动按比例调整图片大小，感兴趣的你可以参考下2013-02-02
这篇文章主要为大家详细介绍了基于openlayers实现角度测量功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-09-09
S.Sams Lifexperience CopyRight (C) 2003-2007 S.Sams Lifexperience ScriptClassLib MSNLive: S.Sams#msn.com Update by : 2007-01-19 转载传播请保留版权2008-06-06
最新评论