如何使用onfocus？

Question

我有一个文本框.

现在当打开页面时,我希望文本框具有默认值.一旦他点击文本框,该值就会消失,当他从文本框中移除光标时,旧值应该会返回.

那我该怎么做？

谢谢

Answer 1

将特定类添加到要具有此功能的页面上的所有文本框中.

然后,使用此代码将功能应用于具有该类的元素:

window.onload = function() {
   var elements = document.querySelectorAll('.yourClassName');
   for(var i = 0, j = elements.length; i < j; i++) {
      var element = elements[i]; 
      element.onfocus = function() {
         this.value = '';
         this.style.color = 'black';
      };
      element.onblur = function() {
          if(this.value == '') {
             this.value = this.getAttribute('defaultValue');
             this.style.color = 'grey';
          }
      };
      element.onblur();
   }
};
?

工作示例:http://jsfiddle.net/6TmGA/1/