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 相关文章推荐
用JSON做数据传输格式中的一些问题总结
Dec 21 Javascript
jQuery选择器中含有空格的使用示例及注意事项
Aug 25 Javascript
微信公众平台开发教程(六)获取个性二维码的实例
Dec 02 Javascript
利用jQuery插件imgAreaSelect实现图片上传裁剪(放大缩小)
Dec 02 Javascript
微信小程序 switch组件详解及简单实例
Jan 10 Javascript
AngularJs 利用百度地图API 定位当前位置 获取地址信息
Jan 18 Javascript
jQuery实现链接的title快速出现的方法
Feb 20 Javascript
EasyUI的DataGrid每行数据添加操作按钮的实现代码
Aug 22 Javascript
Vue+Vux项目实践完整代码
Nov 30 Javascript
详解angular分页插件tm.pagination二次触发问题解决方案
Jul 20 Javascript
简单易扩展可控性强的Jquery转盘抽奖程序
Mar 16 jQuery
canvas 中如何实现物体的框选
Aug 05 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对字符串的递增运算分析
2010/08/08 PHP
PHP实现下载功能的代码
2012/09/29 PHP
PHP在线生成二维码代码(google api)
2013/06/03 PHP
微信扫描二维码登录网站代码示例
2013/12/30 PHP
在PHP 7下安装Swoole与Yar,Yaf的方法教程
2017/06/02 PHP
laravel中的fillable和guarded属性详解
2019/10/23 PHP
php7 图形用户界面GUI 开发示例
2020/02/22 PHP
JQuery 简便实现页面元素数据验证功能
2007/03/24 Javascript
JavaScript CSS修改学习第二章 样式
2010/02/19 Javascript
一个检测表单数据的JavaScript实例
2014/10/31 Javascript
关于Javascript加载执行优化的研究报告
2014/12/16 Javascript
JQuery使用$.ajax和checkbox实现下次不在通知功能
2015/04/16 Javascript
使用AmplifyJS组件配合JavaScript进行编程的指南
2015/07/28 Javascript
jQuery 3.0十大新特性
2016/07/06 Javascript
Bootstrap输入框组件简单实现代码
2017/03/06 Javascript
js 获取图像缩放后的实际宽高,位置等信息
2017/03/07 Javascript
JavaScript高阶函数_动力节点Java学院整理
2017/06/28 Javascript
对Vue beforeRouteEnter 的next执行时机详解
2018/08/25 Javascript
ant design vue 表格table 默认勾选几项的操作
2020/10/31 Javascript
JavaScript TAB栏切换效果的示例
2020/11/05 Javascript
python获取当前计算机cpu数量的方法
2015/04/18 Python
对python中Json与object转化的方法详解
2018/12/31 Python
使用Python3+PyQT5+Pyserial 实现简单的串口工具方法
2019/02/13 Python
django的ORM模型的实现原理
2019/03/04 Python
Python中psutil的介绍与用法
2019/05/02 Python
使用PyInstaller将Pygame库编写的小游戏程序打包为exe文件及出现问题解决方法
2019/09/06 Python
python 遍历pd.Series的index和value
2019/11/26 Python
python jenkins 打包构建代码的示例代码
2019/11/29 Python
css3实现超炫风车特效
2014/11/12 HTML / CSS
联想韩国官网:Lenovo Korea
2018/05/10 全球购物
文案策划求职信
2014/04/14 职场文书
激励员工的口号
2014/06/16 职场文书
汽车4S店前台接待岗位职责
2015/04/03 职场文书
初中重阳节活动总结
2015/05/05 职场文书
python 如何用map()函数创建多线程任务
2021/04/07 Python
GoFrame基于性能测试得知grpool使用场景
2022/06/21 Golang