JQuery - 清除和重置焦点和模糊上的预定义字段输入数据

Question

我还没有真正找到一个很好的方法来做到这一点，所以我想我会在这里问 - 我有一个带有预定义值的文本输入搜索表单字段(搜索...)。当用户聚焦时，我想清除该值，当它们模糊时，它应该重置文本。我一直在使用 javascript，但我使用的方法似乎有很多代码，但没有多少返回，而且我也一直将代码放在元素的“onclick”处理程序中，我想通过将所有内容保留在其中来避免这种情况jquery。如果谁有什么好的方法请告诉我。谢谢!

Answer 1

首先，对任何支持该属性的浏览器使用 placeholder 属性。

然后检查该属性是否支持；如果没有，请使用此后备:

$('input[placeholder]').focus(function(ev){ 
  var $this = $(this);
  if ($this.val() === $this.attr('placeholder')) $this.val('');
}).blur(function(ev){
  var $this = $(this);      
  if ($this.val() === '') $this.val($this.attr('placeholder'));
});