点击按钮后input输入框不失去焦点 JS阻止默认事件

想实现一个登录界面常用的效果:点击按钮后切换input框的显示/隐藏密码

首先想到的是,在按钮的点击事件里调用focus()使input获得焦点,代码如下:


	
	

 

可这样做的效果是input失去焦点后又马上获得,效果不理想。

 

于是使用第二种方法,在按钮的onmousedown事件中阻止默认事件,代码如下:


	
	

ok 成功实现效果~ :D

你可能感兴趣的:(点击按钮后input输入框不失去焦点 JS阻止默认事件)