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'}); 
    } 
}