jquery - 如果 jquery、输入字段中为空，则删除/添加 onfocus/onblur 值

Question

我知道对此存在很多疑问，但我不知道要搜索什么。

我有一个电子邮件字段，我希望它有“在此处写下您的电子邮件”，当您单击/执行焦点操作时，它应该消失。不过，如果您没有写东西并进行模糊处理，它应该会再次出现。

Answer 1

1。标记

<input id="email" name="email" type="text" value="Write your email here" />

2。 jQuery

$('#email')
  .on('focus', function(){
      var $this = $(this);
      if($this.val() == 'Write your email here'){
          $this.val('');
      }
  })
  .on('blur', function(){
      var $this = $(this);
      if($this.val() == ''){
          $this.val('Write your email here');
      }
  });​

3。演示

jQuery input placeholder