php中input鼠标失焦触发事件,详解HTML onfocus获得焦点和onblur失去焦点事件

HTML onfocus 事件属性

定义和用法

onfocus 属性在元素获得焦点时触发。

onfocus 常用于 、 以及 .

提示：onfocus 属性与 onblur 属性相反。

注释：onfocus 属性不适用于以下元素：、、
、、、、、、

实例

当输入字段获得焦点时触发函数。此函数改变输入字段的背景色

function setStyle(x)

{

document.getElementById(x).style.background="yellow";

}

当输入字段获得焦点时触发函数。此函数改变输入字段的背景色。

First name:

Last name:

HTML onblur 事件属性

定义和用法

onblur 属性在元素失去焦点时触发。

onblur 常用于表单验证代码(例如用户离开表单字段)。

实例

当用户离开输入字段时对其进行验证：

function upperCase()

{

var x=document.getElementById("fname").value

document.getElementById("fname").value=x.toUpperCase()

}

请输入您的姓名，然后把焦点移动到字段外：

请输入您的姓名(英文字符)：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。