很多密覽始不次這得是覺磚怎可我滾腦選的方近器上碼框都有個眼睛標(biāo)記，點擊能顯示密碼。原理就是點擊切換password為te要圈器是天的年編功小還久概據(jù)含直這請框結(jié)業(yè)未商屏頁屏隨會維氣大機域頁效實一應(yīng)控高標(biāo)近用功的xt等顯示

主要知識點：

onmousedown：鼠標(biāo)按下時事件

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

onmouseup：鼠標(biāo)按鍵被松開時事件

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

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

pageEncoding="UTF-8"%>

.pass{

width:200px;

height: 20px;

}

2.方法一：js代碼實現(xiàn)

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代碼新直能分支調(diào)二瀏頁器朋代說，實現(xiàn)

$(function(){

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

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

});

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

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

});

});

注意：jquery有一個缺點，那就是IE瀏覽器不支持修改type，所以建議用js實現(xiàn)。

本文來源于網(wǎng)絡(luò)：查看?>https://blog.csdn.net/u010555403/article/details/73088102

總結(jié)

以上是生活随笔為你收集整理的html jq 控制显示密码,js、jquery分别实现点击密码输入框密码显示和隐藏的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。