javascript - 使用纯 JavaScript 交换默认字段值

Question

我在 jQuery 中编写了一些代码，用于删除/替换焦点和模糊事件的电子邮件字段的默认值。它的工作正常，

但我想在 JavaScript 中使用它。我尝试了几次，但都没有成功。

这是我的 jQuery 代码

    $(document).ready(function(){
    var email = 'Enter E-Mail Address....';
    $('input[type="email"]').attr('value',email).focus(function(){
        if($(this).val()==email){
            $(this).attr('value','');
        }
    }).blur(function(){
        if($(this).val()==''){
            $(this).attr('value',email);
        }
    }); 
});

谁能告诉我如何用 JavaScript 实现，

Answer 1

假设<input type='text' id="email_field"/>

var email = 'Enter E-Mail Address....';
var emailField = document.getElementById("email_field");
emailField.onfocus = function(){
  removeDefaultText(this);
}
emailField.onblur = function(){
  setDefaultText(this);
}

function removeDefaultText(element){
  var defaultValue = 'Enter E-Mail Address....';
  if(element.value == defaultValue){
    element.value = "";
  }
}

function setDefaultText(element){
  var defaultValue = 'Enter E-Mail Address....';
  if(element.value == ''){
    element.value = defaultValue;
  }
}