html 页面失去焦点事件,详解HTML onfocus获得焦点和onblur失去焦点事件

偏执的太偏执、 2022-10-06 07:57 365阅读 0赞

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

}

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

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

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

发表评论

表情：
评论列表 （有 0 条评论，365人围观）

还没有评论，来说两句吧...

相关阅读

    相关 失去焦点修改事件

    一 介绍 失去焦点修改事件（onchange）是当前元素失去焦点并且元素的内容发生改变时触发事件处理程序。该事件一般在下拉文本框中使用。   二 应用 用下拉文本框改变

    红太狼红太狼/ 0 赞/ 543 阅读