JS: Очистить поле ввода по клику с помощью Prototype

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

Как я могу преобразовать вышеперечисленное для использования с Prototype?

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