您的位置 首页 焦点资讯

html 页面失去焦点事件,详解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()

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

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

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

原文链接:https://blog.csdn.net/weixin_39548193/article/details/117837445?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522166580747916782412593417%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=166580747916782412593417&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~times_rank-25-117837445-null-null.nonecase&utm_term=%E7%84%A6%E7%82%B9

热门文章