焦点事件

焦点：使浏览器能够区分用户输入的对象，当一个元素有焦点的时候，那么他可以接受用户的输入。

不是所有的元素的能够接收焦点，能够响应用户操作的元素才有焦点，比如div、p标签等就不能接受焦点，而a标签则可以。

html部分

<input type="text" id="text1" value="请输入内容"/>

onfocus : 获取焦点时触发的事件

一个input文本框，如果你想获取焦点的时候就清空”请输入内容”这几个字，可以用onfocus.

var oText1 = document.getElementById("text1");
oText1.onfocus = function(){
    if(this.value === '请输入内容')
       this.value = '';
}

onblur ： 失去焦点时触发的事件

当你想失去焦点的时候重新显示”请输入内容”，就可以用onblur。

oText1.onblur = function(){
if(this.value == '')
    this.value = '请输入内容';
}

obj.focus() ： 给指定的元素设置焦点
obj.blur()： 取消指定元素的焦点

obj.select() : 选择指定元素里面的文本内容（能够响应用户操作的元素）