本文實例講述了JS實現密碼框根據焦點的獲取與失去控制文字的消失與顯示效果。分享給大家供大家參考，具體如下：

思路：

1、首先用把密碼框用txt暫時替代，并賦上默認值 <input type="text" value="請輸入密碼" />
2、當文本框獲取焦點后，把默認值清空，把type改為password。
3、當文本框失去焦點后，把type改為txt，把默認值設為“請輸入密碼”。

JS代碼：

window.onload=function(){　　var input=document.getElementById('input');　　input.onfocus=function(){　　　　if(this.value=='請輸入密碼'){　　　　　　this.value='';　　　　　　this.type='password';　　　　};　　};　　input.onblur=function(){　　　　if(!this.value){　　　　　　this.type = 'text';　　　　　　this.value = '請輸入密碼';　　　　};　　};};

HTML代碼：

PS：這里再為大家推薦一款非常好用的JavaScript壓縮、格式化與加密工具，功能非常強大（對于想讓代碼加密的朋友不妨試試這里的js加密功能）：

JavaScript壓縮/格式化/加密工具：http://tools.VeVB.COm/code/jscompress

另外，上面這款js工具中的加密使用的是eval函數加密形式，對此本站還提供了如下這款針對eval函數加密的解密工具，非常強大實用！

js的eval方法在線加密解密工具：http://tools.VeVB.COm/password/evalencode

希望本文所述對大家JavaScript程序設計有所幫助。