html jq 控制显示密码,js、jquery分别实现点击密码输入框密码显示和隐藏

很多密览始不次这得是觉砖怎可我滚脑选的方近器上码框都有个眼睛标记，点击能显示密码。原理就是点击切换password为te要圈器是天的年编功小还久概据含直这请框结业未商屏页屏随会维气大机域页效实一应控高标近用功的xt等显示

主要知识点：

onmousedown：鼠标按下时事件

示例：document.getElementById("btn").οnmοusedοwn=function(){};

onmouseup：鼠标按键被松开时事件

示例：document.getElementById("btn").οnmοuseup=function(){};

1.jsp代遇新是直朋能到码

pageEncoding="UTF-8"%>

.pass{

width:200px;

height: 20px;

}

2.方法一：js代码实现

window.οnlοad=function(){

var btn=document.getElementById("btn");

var pass=document.getElementById("pass")

btn.οnmοusedοwn=function(){

pass.type="number"

};

btn.οnmοuseup=btn.οnmοuseοut=function(){

pass.type="password"

}

方法二：jquery代码新直能分支调二浏页器朋代说，实现

$(function(){

$("#btn").mousedown(function(){

$("#pass").attr("type", "text");

});

$("#btn").mouseup(function(){

$("#pass").attr("type", "password");

});

注意：jquery有一个缺点，那就是IE浏览器不支持修改type，所以建议用js实现。

本文来源于网络：查看 >https://blog.csdn.net/u010555403/article/details/73088102

html jq 控制显示密码,js、jquery分别实现点击密码输入框密码显示和隐藏相关推荐

php延时5秒显示,在JS/jQuery中如何实现DIV延时几秒后消失或显示
这篇文章主要介绍了JS/jQuery实现p延时几秒后消失或显示的方法,结合实例形式分析了javascript使用setTimeout及jQuery使用delay方法实现延迟显示功能的相关操作技巧,需要 ...
html jq固定div高度,js/jQuery获取/设置div的高度，宽度···
js/jQuery获取/设置html标签的高度等css属性· $(".out-div").height($(window).height() - $("#topDiv&q ...
记住用户名密码html,jQuery实现的记住帐号密码功能完整示例
本文实例讲述了jQuery实现的记住帐号密码功能.分享给大家供大家参考,具体如下: 记住密码是每个有帐号登录的网站必备的,现在说一下通过COOKIE实现的记住密码功能. COOKIE //读取cook ...
axios获取图片显示_Vue.js+axios图片预览以及上传显示进度
在平时项目开发中,我们经常会对文件做一些上传操作,不仅仅要实现基本需求,也要兼顾用户体验,根据自己在工作中遇到的问题谈谈对图片上传的预览以及上传进度的优化. 1.搭建项目基于Vue.js+axios ...
My97DatePicker日历的平面显示，不是文本框点击事件后显示
二. 功能及示例 2. 特色功能平面显示日期控件支持平面显示功能,只要设置一下eCont属性就可以把它当作日历来使用了,无需触发条件,直接显示在页面上示例2-1 平面显示演示 <div i ...
笔记本计算机忘记密码,Windows笔记本电脑忘记开机登录密码忘记怎么办最新win7/8/10开机密码重置教程...
Windows系统的笔记本电脑忘记开机登录密码怎么办?因为笔记本电脑存储了大量的不想想别人知道的信息,所有很多时候会设置电脑的登录密码,但是对于刚开始设置密码或者长时间的不开启电脑会忘记电脑的开机登录 ...
苹果4s忘记id密码怎么办_大哭！iPhone手机ID密码忘记了怎么办？3种方法轻松解决问题...
123阅读本文前,请您先点击上面的"蓝色字体",再点击"关注",这样您就可以继续免费收到文章了.每天都会有分享,都是免费订阅,请您放心关注. 每一个苹果用户都有 ...
html自动填充密码width 0,解决浏览器会自动填充密码的问题
解决办法是在form上或input上添加autoComplete="off"这个属性. form表单的属性如下所示: 但是这个解决方案在谷歌和火狐上均有bug,下面来一个一个解决. ...
帮助你在移动设备上生成倾斜控制（重力控制）的旋转效果jQuery插件 - lenticular.js...
为什么80%的码农都做不了架构师?>>> 日期:2012-9-27 来源:GBin1.com 在线演示相信大家如果使用过iphone/ipad的话,肯定对于倾斜控制(重力 ...

html jq 控制显示密码,js、jquery分别实现点击密码输入框密码显示和隐藏

html jq 控制显示密码,js、jquery分别实现点击密码输入框密码显示和隐藏相关推荐

最新文章

热门文章