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 相关文章推荐
document.all的一个比较完整的总结及案例
Jan 31 Javascript
jquery怎样实现ajax联动框(二)
Mar 08 Javascript
javascript 用函数语句和表达式定义函数的区别详解
Jan 06 Javascript
jquery解析JSON数据示例代码
Mar 17 Javascript
JavaScript调用传递变量参数的相关问题及解决办法
Nov 01 Javascript
使用Web Uploader实现多文件上传
Jun 08 Javascript
解析JavaScript模仿块级作用域
Dec 29 Javascript
jQuery获取单选按钮radio选中值与去除所有radio选中状态的方法
May 20 jQuery
JS传播事件、取消事件默认行为、阻止事件传播详解
Aug 14 Javascript
Angular4表单验证代码详解
Sep 03 Javascript
深入剖析Express cookie-parser中间件实现示例
Feb 01 Javascript
antd组件Upload实现自己上传的实现示例
Dec 18 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导入大量数据到mysql性能优化技巧
2014/12/29 PHP
php正则表达式获取内容所有链接
2015/07/24 PHP
php生出随机字符串
2017/07/06 PHP
javascript中检测变量的类型的代码
2010/12/28 Javascript
IE6中使用position导致页面变形的解决方案(js代码)
2011/01/09 Javascript
使图片旋转的3种解决方案
2013/11/21 Javascript
js实现拖拽效果
2015/02/12 Javascript
TypeScript 学习笔记之基本类型
2015/06/19 Javascript
基于Flowplayer打造一款免费的WEB视频播放器附源码
2015/09/06 Javascript
jquery dataTable 获取某行数据
2017/05/05 jQuery
使用typescript开发angular模块并发布npm包
2018/04/19 Javascript
layui实现点击按钮给table添加一行
2018/08/10 Javascript
如何解决vue在ios微信&quot;复制链接&quot;功能问题
2020/03/26 Javascript
Vue实现图片轮播组件思路及实例解析
2020/05/11 Javascript
解决vue+webpack项目接口跨域出现的问题
2020/08/10 Javascript
[40:04]Secret vs Infamous 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.23
2019/09/05 DOTA
python socket多线程通讯实例分析(聊天室)
2016/04/06 Python
Python 迭代器与生成器实例详解
2017/05/18 Python
Python标准库shutil用法实例详解
2018/08/13 Python
Django2.1.3 中间件使用详解
2018/11/26 Python
flask session组件的使用示例
2018/12/25 Python
Python中一般处理中文的几种方法
2019/03/06 Python
PyQt5下拉式复选框QComboCheckBox的实例
2019/06/25 Python
解决django-xadmin列表页filter关联对象搜索问题
2019/11/15 Python
pyqt5数据库使用详细教程(打包解决方案)
2020/03/25 Python
Kenneth Cole官网:纽约时尚优雅品牌
2016/11/14 全球购物
德国咖啡批发商:Coffeefair
2019/08/26 全球购物
linux面试题参考答案(5)
2016/11/05 面试题
创新比赛获奖感言
2014/02/13 职场文书
售前工程师职业生涯规划
2014/03/02 职场文书
迎新晚会主持词
2014/03/24 职场文书
个人工作表现评价材料
2014/09/21 职场文书
个人房屋转让协议书范本
2014/10/26 职场文书
教师党员自我评价范文
2015/03/04 职场文书
React forwardRef的使用方法及注意点
2021/06/13 Javascript
浅谈Node的内存泄露问题
2022/05/06 NodeJs