小程序里的618_Zepto完成密码的隐藏/显示

Zepto实现密码的隐藏/显示       本文主要介绍了js中隐藏/显示密码的Zepto的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧

效果图:

代码如下:

 !DOCTYPE html 
 html lang="en" 
 head 
 meta charset="UTF-8" 
 title Document /title 
 script type="text/javascript" src="js/zepto.min.js" /script 
 /head 
 body 
 div 
 input type="password" name="" 
 button 查看密码 /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 

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持凡科!


内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://mfjzn.cn/jingyan/3294.html