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