.onfocus、.onblur、.focus()、.blur()——鼠标焦点事件

一、基础信息

有焦点的元素：不是所有元素都有焦点，能响应用户操作的才有焦点。例如：<a><input>

 

二、设置焦点的方法

1、鼠标点击

2、电脑Tab键

3、JS

 

三、焦点事件

1、.onfocus——元素获取焦点时触发

写法：元素.onfocus = function() {}

oText.onfocus = function() {
    if ( this.value == '请输入内容' ) { //点击输入框文字消失
        this.value = '';
    }
}

2、.onblur——元素失去焦点时触发

写法：元素.onblur= function() {}

oText.onblur = function() {
    if ( this.value == '' ) {
        this.value = '请输入内容';   //没有输入文字点击其他地方提示文字显示
    }
}

四、焦点方法

1、.focus——给元素设置焦点

写法：元素.focus() 

oText.focus();

2、.blur—— 取消元素的焦点

写法：元素.blur() 

oText.blur();