JSはfocus_javascriptスキルの取得・喪失に応じてパスワードボックスの消失・表示効果を実現します

この記事の例では、フォーカスの取得と喪失に基づいたパスワード ボックスの消失と表示効果の JS 実装について説明します。参考のために皆さんと共有してください。詳細は次のとおりです:

もの:

1. まず、パスワードボックスを一時的に txt に置き換え、デフォルト値
2. テキスト ボックスにフォーカスが移ったら、デフォルト値をクリアし、タイプをパスワードに変更します。
3. テキスト ボックスがフォーカスを失ったら、タイプを 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 コード :

コードをコピー コードは次のとおりです:

追記: ここでは、非常に強力で使いやすい JavaScript の圧縮、書式設定、暗号化ツールをお勧めします (コードを暗号化したい人には、ここで js 暗号化関数を試してみてください):

JavaScript 圧縮/フォーマット/暗号化ツール: http://tools.jb51.net/code/jscompress

さらに、上記の js ツールの暗号化には eval 関数暗号化形式が使用されており、このサイトでは非常に強力で実用的な eval 関数暗号化用の次の復号化ツールも提供しています。

JS eval メソッドのオンライン暗号化および復号化ツール: http://tools.jb51.net/password/evalencode

この記事が JavaScript プログラミングのすべての人に役立つことを願っています。