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

JS：使用Prototype单击时清空输入字段

1 个答案: