博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML onfocus (获得焦点)和 onblur (失去焦点)
阅读量:4132 次
发布时间:2019-05-25

本文共 443 字,大约阅读时间需要 1 分钟。

HTML onfocus 事件属性

定义和用法

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

onfocus 常用于 <input>、<select> 以及 <a>.

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

注释:onfocus 属性不适用于以下元素:<base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style> 或 <title>。

实例

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

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

First name:
Last name:

HTML onblur 事件属性

定义和用法

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

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

实例

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

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

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

转自w3school

你可能感兴趣的文章
流形学习-高维数据的降维与可视化
查看>>
Python-OpenCV人脸检测(代码)
查看>>
python+opencv之视频人脸识别
查看>>
人脸识别(OpenCV+Python)
查看>>
6个强大的AngularJS扩展应用
查看>>
网站用户登录系统设计——jsGen实现版
查看>>
第三方SDK:讯飞语音听写
查看>>
第三方SDK:JPush SDK Eclipse
查看>>
第三方开源库:imageLoader的使用
查看>>
自定义控件:飞入飞出的效果
查看>>
自定义控件:动态获取控件的高
查看>>
第三方开源库:nineoldandroid:ValueAnimator 动态设置textview的高
查看>>
第三方SDK:百度地图SDK的使用
查看>>
Android studio_迁移Eclipse项目到Android studio
查看>>
JavaScript setTimeout() clearTimeout() 方法
查看>>
CSS border 属性及用border画各种图形
查看>>
转载知乎-前端汇总资源
查看>>
JavaScript substr() 方法
查看>>
JavaScript slice() 方法
查看>>
JavaScript substring() 方法
查看>>