html的DOM中Event对象onblur事件用法实例


Posted in Javascript onJanuary 21, 2015

本文实例讲述了html的DOM中Event对象onblur事件用法。分享给大家供大家参考。具体分析如下:

onblur 事件会在对象失去焦点时发生。

语法如下:

onblur="SomeJavaScriptCode"

SomeJavaScriptCode 必需。规定该事件发生时执行的 JavaScript。

支持该事件的 HTML 标签:

<a>, <acronym>, <address>, <area>, <b>, <bdo>, <big>, <blockquote>,
<button>, <caption>, <cite>, <dd>, <del>, <dfn>, <div>, <dl>, <dt>,
<em>, <fieldset>, <form>, <frame>, <frameset>, <h1> to <h6>, <hr>, <i>,
<iframe>, <img>, <input>, <ins>, <kbd>, <label>, <legend>, <li>,
<object>, <ol>, <p>, <pre>, <q>, <samp>, <select>, <small>, <span>,
<strong>, <sub>, <sup>, <table>, <tbody>, <td>, <textarea>, <tfoot>,
<th>, <thead>, <tr>, <tt>, <ul>, <var>

支持该事件的 JavaScript 对象:

button, checkbox, fileUpload, layer, frame, password,
radio, reset, submit, text, textarea, window

例子:在用户离开输入框时执行 JavaScript 代码:

<html>

<head>

<script type="text/javascript">

function upperCase()

{

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

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

}

</script>

</head>

<body>
输入您的姓名:

<input type="text" id="fname" onblur="upperCase()" />
</body>

</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
Javascript Cookie读写删除操作的函数
Mar 02 Javascript
javascript 全等号运算符使用说明
May 31 Javascript
javascript获取元素离文档各边距离的方法
Feb 13 Javascript
跟我学习javascript的prototype原型和原型链
Nov 18 Javascript
AngularJS学习笔记之依赖注入详解
May 16 Javascript
利用js编写响应式侧边栏
Sep 17 Javascript
基于Vuejs和Element的注册插件的编写方法
Jul 03 Javascript
vue-cli创建的项目,配置多页面的实现方法
Mar 15 Javascript
详解关于webpack多入口热加载很慢的原因
Apr 24 Javascript
vue实现路由监听和参数监听
Oct 29 Javascript
vue在响应头response中获取自定义headers操作
Jul 24 Javascript
js实现碰撞检测
Jan 29 Javascript
JS简单计算器实例
Jan 20 #Javascript
jQuery元素的隐藏与显示实例
Jan 20 #Javascript
DOM基础教程之使用DOM设置文本框
Jan 20 #Javascript
DOM基础教程之使用DOM控制表单
Jan 20 #Javascript
DOM基础教程之使用DOM控制表格
Jan 20 #Javascript
jQuery实现tag便签去重效果的方法
Jan 20 #Javascript
js实现class样式的修改、添加及删除的方法
Jan 20 #Javascript
You might like
php获取本地图片文件并生成xml文件输出具体思路
2013/04/27 PHP
thinkPHP5框架导出Excel文件简单操作示例
2018/08/03 PHP
PHP 数组操作详解【遍历、指针、函数等】
2020/05/13 PHP
面向对象的Javascript之二(接口实现介绍)
2012/01/27 Javascript
网页中返回顶部代码(多种方法)另附注释说明
2013/04/24 Javascript
【经典源码收藏】基于jQuery的项目常见函数封装集合
2016/06/07 Javascript
简单实现js上传文件功能
2017/08/21 Javascript
jQuery 防止相同的事件快速重复触发方法
2018/02/08 jQuery
Node.js 使用jade模板引擎的示例
2018/05/11 Javascript
详解javascript appendChild()的完整功能
2018/08/18 Javascript
Vue Cli 3项目使用融云IM实现聊天功能的方法
2019/04/19 Javascript
微信小程序用户授权弹窗 拒绝时引导用户重新授权实现
2019/07/29 Javascript
NodeJs 实现简单WebSocket即时通讯的示例代码
2019/08/05 NodeJs
利用JS代码自动删除稿件的普通弹幕功能
2019/09/20 Javascript
微信小程序实现watch监听
2020/06/04 Javascript
vue封装自定义指令之动态显示title操作(溢出显示,不溢出不显示)
2020/11/12 Javascript
python的描述符(descriptor)、装饰器(property)造成的一个无限递归问题分享
2014/07/09 Python
使用Python脚本将Bing的每日图片作为桌面的教程
2015/05/04 Python
Python实现控制台输入密码的方法
2015/05/29 Python
利用python对Excel中的特定数据提取并写入新表的方法
2018/06/14 Python
在python中使用xlrd获取合并单元格的方法
2018/12/26 Python
python常用函数与用法示例
2019/07/02 Python
python遍历文件目录、批量处理同类文件
2019/08/31 Python
python--shutil移动文件到另一个路径的操作
2020/07/13 Python
python用tkinter实现一个简易能进行随机点名的界面
2020/09/27 Python
浅析Python requests 模块
2020/10/09 Python
Forever 21美国官网:美国标志性快时尚品牌
2017/02/20 全球购物
美国最大的在线生存商店:Survival Frog
2020/12/13 全球购物
什么是数据库锁?Oracle中都有哪些类型的锁?
2015/08/21 面试题
大学校园毕业自我鉴定
2014/01/15 职场文书
求职信模板怎么做
2014/01/26 职场文书
房产委托公证书样本
2014/04/04 职场文书
世界环境日活动总结
2015/02/11 职场文书
MySQL索引失效的典型案例
2021/06/05 MySQL
关于HTML编码导致的乱码问题
2021/09/04 HTML / CSS
html解决浏览器记住密码输入框的问题
2023/05/07 HTML / CSS