JavaScript melaksanakan kaedah untuk paparan lalai imej latar belakang dalam kotak teks hilang selepas mendapat fokus

Artikel ini terutamanya memperkenalkan kaedah JavaScript untuk melaksanakan imej latar belakang paparan lalai dalam kotak teks untuk hilang selepas mendapat fokus Ia melibatkan kemahiran operasi berkaitan JavaScript untuk gaya elemen halaman dan atribut boleh merujuk kepada perkara berikut:

Ini ialah kod html:

<p class="contain">
    <p class="inputFullNameContain"><input class="inputFullName" type="text" id="search_content" /> </p>
    </p>

Berikut ialah kod js:

 <script type="text/javascript" >
     (function () {
         var id = document.getElementById('search_content');
         if (id) {
             var name = id;
             var unclicked = function () {
                 if (name.value == '') {
                     name.style.background = 'url("images/inputBackground.png") no-repeat center';
                 }
             };
             var clicked = function () {
                 name.style.background = 'none';
             };
             name.onfocus = clicked;
             name.onblur = unclicked;
             unclicked();
         }
     })();
</script>

Untuk lebih banyak tutorial berkaitan, sila lawati Tutorial JavaScript