初次聚焦时如何清除文本框？

Question

我试图清除一个文本框时就将其聚焦，仅此而已。只要有重点，我就可以清除该文本框，但这变成了一个问题。我只希望它在首次聚焦时就清楚。

因此，在页面加载时，文本框会显示“在此搜索”-一旦用户在内部单击，“搜索此处”就会消失，文本框将变为空白。用户可以继续键入他们的搜索查询。

但是，如下所示，我的代码只是不断清除文本框。有任何想法吗？

    $('input[type=text]').focus(function() {
      $(this).val('')
});

Answer 1

这将清除焦点上的默认文本并将其放回模糊状态。如果以不同于默认值的方式键入新文本，它将不再清除输入。单击外部并输入几次以对其进行测试。然后输入新文本并执行相同操作。

$('.text').focus(function() {
    if (this.value == this.title) {
        $(this).val("");
    }
}).blur(function() {
    if (this.value == "") {
        $(this).val(this.title);
    }
});

在http://jsfiddle.net/32Tns/4/中查看工作示例