js、jquery分别实现点击密码输入框密码显示和隐藏

很多密码框都有个眼睛标记，点击能显示密码。原理就是点击切换password为text等显示

主要知识点：

onmousedown：鼠标按下时事件

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

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

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

1.jsp代码

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>


    
        
        
        
    
    
        
        
    

2.方法一：js代码实现

方法二：jquery代码实现

		    $(function(){
		    	$("#btn").mousedown(function(){
		    		$("#pass").attr("type", "text");
		    	});
		    	$("#btn").mouseup(function(){
		    		$("#pass").attr("type", "password");
		    	});
		    });

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