JavaScript dan jquery melaksanakan tetapan dan mengalih keluar kotak teks nilai lalai kesan kemahiran code_javascript

Kesan yang ingin kami capai di sini ialah menetapkan dan mengalih keluar nilai lalai kotak teks Apabila tetikus diletakkan di dalam kotak teks seperti yang ditunjukkan di bawah, teks kelabu akan hilang.

1 Anda boleh menggunakan cara yang mudah, iaitu menambah atribut onfocus pada kotak teks input, seperti berikut:

Salin kod Kod adalah seperti berikut:

onfocus='if(this.value=="Sila masukkan kata kunci untuk mencari"){this.value="";}; '
onblur='if(this.value==""){this.value="Sila masukkan kata kunci untuk mencari";};'>

Malah, atribut onfocus sangat berguna Anda juga boleh menukar gaya css melalui atribut onfocus, seperti yang ditunjukkan dalam kod berikut:

Salin kod Kod adalah seperti berikut:

onfocus='if(this.value=="Sila masukkan kata kunci untuk mencari"){this.value="";}; this.className="input01"'
onblur='if(this.value==""){this.value="Sila masukkan kata kunci untuk mencari";}; this.className="input02"'>

2. Ia juga boleh dilaksanakan menggunakan jquery:

Salin kod Kod adalah seperti berikut:

$(dokumen).sedia(fungsi() {

      var vdefault = $('#keyword').val();

$('#kata kunci').fokus(fungsi() { //Apabila mendapat fokus, jika nilai ialah nilai lalai, ia ditetapkan kepada kosong

Jika ($(this).val() == vdefault) {
                  $(this).val("");
            }
});
$('#keyword').kabur(fungsi() {
//Apabila fokus hilang, jika nilai kosong, ia ditetapkan kepada nilai lalai
Jika ($(this).val()== "") {
                      $(this).val(vdefault ;
            }
});
});

Sudah tentu terdapat banyak cara untuk melaksanakannya, ini sahaja yang telah saya gunakan...