.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();