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 相关文章推荐
Extjs学习笔记之九 数据模型(上)
Jan 11 Javascript
js 回车提交表单两种实现方法
Dec 31 Javascript
javascript中call和apply方法浅谈
Sep 27 Javascript
javascript的tab切换原理与效果实现方法
Jan 10 Javascript
javascript制作的滑动图片菜单
May 15 Javascript
Jquery实时监听input value的实例
Jan 26 Javascript
如何用JS/HTML将时间戳转换为“xx天前”的形式
Feb 06 Javascript
jquery编写日期选择器
Mar 16 Javascript
Angular2使用jQuery的方法教程
May 28 jQuery
JS+H5 Canvas实现时钟效果
Jul 20 Javascript
layui table数据修改的回显方法
Sep 04 Javascript
JavaScript 双向链表操作实例分析【创建、增加、查找、删除等】
Apr 28 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实现删除非站内外部链接实例代码
2014/06/17 PHP
php浏览历史记录的方法
2015/03/10 PHP
PHP获取二维数组中某一列的值集合
2015/12/25 PHP
PHP中Static(静态)关键字功能与用法实例分析
2019/04/05 PHP
总结AJAX相关JS代码片段和浏览器模型
2007/08/15 Javascript
jQuery 学习第七课 扩展jQuery的功能 插件开发
2010/05/17 Javascript
同域jQuery(跨)iframe操作DOM(实例讲解)
2013/12/19 Javascript
JQuery EasyUI 数字格式化处理示例
2014/05/05 Javascript
JavaScript获取鼠标移动时的坐标(兼容IE8、chome谷歌、Firefox)
2014/09/13 Javascript
jQuery简单实现input文本框内灰色提示文本效果的方法
2015/12/02 Javascript
js去字符串前后空格的实现方法
2016/02/26 Javascript
功能强大的Bootstrap组件(结合js)
2016/08/03 Javascript
利用Angularjs和Bootstrap前端开发案例实战
2016/08/27 Javascript
js 实现省市区三级联动菜单效果
2017/02/20 Javascript
移动端手指放大缩小插件与js源码
2017/05/22 Javascript
ejsExcel模板在Vue.js项目中的实际运用
2018/01/27 Javascript
微信小程序HTTP接口请求封装的实现
2019/02/21 Javascript
Vue中遍历数组的新方法实例详解
2019/07/21 Javascript
JavaScript原型式继承实现方法
2019/11/06 Javascript
Python抽象类的新写法
2015/06/18 Python
python pands实现execl转csv 并修改csv指定列的方法
2018/12/12 Python
Python3实现从排序数组中删除重复项算法分析
2019/04/03 Python
python使用socket 先读取长度,在读取报文内容示例
2019/09/26 Python
python 用struct模块解决黏包问题
2020/11/07 Python
Space NK美国站:英国高端美妆护肤商城
2017/05/22 全球购物
大学生求职简历的自我评价范文
2013/10/12 职场文书
生物学学生自我评价
2014/01/17 职场文书
小学生操行评语大全
2014/04/22 职场文书
培训协议书范本
2014/04/22 职场文书
捐书活动总结
2014/05/04 职场文书
教师求职信范文
2014/05/24 职场文书
查摆问题自查报告范文
2014/10/13 职场文书
2015年电话销售工作总结范文
2015/04/20 职场文书
运动会开幕式新闻稿
2015/07/17 职场文书
创业计划书之溜冰场
2019/10/25 职场文书
nginx实现发布静态资源的方法
2021/03/31 Servers