JS：在原型上點擊時清空輸入字段

Question

我最初在這個項目中使用了JQuery，但現在我不得不使用Prototype，並且想要將我在JQuery中編寫的內容用在Prototype中。

這是一個簡單的代碼，當用戶點擊它時清空搜索欄。我確信在Prototype中做起來很容易，但我不知道如何。

這裏是我寫的jQuery ...

$(window).load(function(){ 
     $("#search").on("click", function() { 
      if ($(this).val() == "search") { 
       $(this).val(""); 
       $(this).css("color", "black"); 
      } 
     }); 
     $("#search").blur(function() { 
      if ($(this).val() == "") { 
       $(this).css("color", "gray"); 
       $(this).val("search"); 
      } 
     }); 
    }); 

我如何轉換上面爲使用原型？

Answer 1

誰想要做到這一點，今後，這裏是爲我工作：

$('search').onblur = function() { 
    if($('search').value == '') { 
    $('search').value = 'search'; 
$('search').setStyle({color:'gray'}); 

    } 
} 

$('search').onfocus = function() { 
    if($('search').value == 'search') { 
    $('search').clear(); 
     $('search').setStyle({color:'black'}); 
    } 
}