很多密覽始不次這得是覺磚怎可我滾腦選的方近器上碼框都有個眼睛標記,點擊能顯示密碼。原理就是點擊切換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