JS模拟placeholder属性

<input type="text" name="" id="txtSearch" value="请输入搜索内容">
<input type="button" value="搜索" id="btnSearch">
<script>
    // 搜索框获得焦点，文本框中文字消失，输入的文字颜色#333;  失焦如果文本框中无内容，则显示“请输入搜索内容”，并且颜色为#999；
    // 1.给搜索框文本注册事件
    var txtSearch = document.getElementById('txtSearch');
    // 2.搜索框获得焦点,文本框中文字消失,输入的文字颜色#333;
    txtSearch.onfocus = function () {
      if( this.value === '请输入搜索内容'){
        this.value = "";
        this.style.color = "#333";
      }
    }
    //3.失焦如果文本框中无内容，则显示“请输入搜索内容”，并且颜色为#999；
    txtSearch.onblur = function () {
      if (this.value.length === 0 || this.value === '请输入搜索内容') {
        this.value = "请输入搜索内容";
        this.style.color = "#999";
      }
    }
  </script>