Javascript JS:click with Prototype时清空输入字段

我最初在这个项目中使用JQuery，但现在我不得不使用Prototype，我想把我在JQuery中写的东西用在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");
            }
        });
    });

---

如何将上述内容转换为原型使用？

对于将来想这样做的人，以下是对我有效的方法：

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

---

对于将来想做这件事的人，以下是对我有用的：

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

---

按照惯例，原型脚本将用于注册处理程序，然后每次都使用

this

而不是

$（'search'）

。这样，一个事件可以有多个处理程序，一个处理程序可以有多个输入。按照惯例，原型脚本将用于注册一个处理程序，然后每次都使用

this

而不是

$（'search'）

。这样，一个事件可以有多个处理程序，一个处理程序可以有多个输入。