JS menyedari kehilangan dan kesan paparan kotak kata laluan mengikut pemerolehan dan kehilangan kemahiran focus_javascript

Contoh dalam artikel ini menerangkan pelaksanaan JS bagi kehilangan dan kesan paparan kotak kata laluan berdasarkan pemerolehan dan kehilangan fokus. Kongsikan dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut:

Perkara:

1. Mula-mula, gantikan kotak kata laluan dengan txt buat sementara waktu dan tetapkan nilai lalai
2. Apabila kotak teks mendapat fokus, kosongkan nilai lalai dan tukar jenis kepada kata laluan.
3. Apabila kotak teks hilang fokus, tukar jenis kepada txt dan tetapkan nilai lalai kepada "Sila masukkan kata laluan anda."

Kod 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 = '请输入密码';
　　　　};
　　};
};

Kod HTML :

Salin kod Kod adalah seperti berikut:

PS: Di sini kami mengesyorkan alat pemampatan, pemformatan dan penyulitan JavaScript yang sangat mudah digunakan, yang sangat berkuasa (bagi mereka yang ingin menyulitkan kod mereka, anda mungkin mahu mencubanya Cuba fungsi penyulitan js di sini):

Alat pemampatan/pemformatan/penyulitan JavaScript: http://tools.jb51.net/code/jscompress

Selain itu, penyulitan dalam alat js di atas menggunakan borang penyulitan fungsi eval Untuk ini, tapak ini juga menyediakan alat penyahsulitan berikut untuk penyulitan fungsi eval, yang sangat berkuasa dan praktikal.

Alat penyulitan dan penyahsulitan kaedah JS eval: http://tools.jb51.net/password/evalencode

Saya harap artikel ini akan membantu semua orang dalam pengaturcaraan JavaScript.