JS:点击Prototype清空一个输入字段

JS: Empty an input field on click with Prototype

本文关键字：一个 输入 字段 点击 Prototype 清空 JS      更新时间：2023-09-26

我最初在这个项目中使用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？

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

$('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'});
  }
}
相关文章：