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调试工具(下载)
Jan 09 Javascript
jQuery EasyUI 中文API Button使用实例
Apr 14 Javascript
Extjs4 Treegrid 使用心得分享(经验篇)
Jul 01 Javascript
js中parseInt函数浅谈
Jul 31 Javascript
Jquery选中或取消radio示例
Sep 29 Javascript
jquery的checkbox,radio,select等方法小结
Aug 30 Javascript
Boostrap基础教程之JavaScript插件篇
Sep 08 Javascript
javascript 注释代码的几种方法总结
Jan 04 Javascript
javascript表达式和运算符详解
Feb 07 Javascript
bootstrap+jQuery 实现下拉菜单中复选框全选和全不选效果
Jun 12 jQuery
js实现城市级联菜单的2种方法
Jun 23 Javascript
记录一篇关于redux-saga的基本使用过程
Aug 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
phpmyadmin 常用选项设置详解版
2010/03/07 PHP
PHP学习散记_编码(json_encode 中文不显示)
2011/11/10 PHP
CI框架中集成CKEditor编辑器的教程
2014/06/09 PHP
php强大的时间转换函数strtotime
2016/02/18 PHP
php实现在站点里面添加邮件发送的功能
2020/04/28 PHP
Netbeans 8.2与PHP相关的新特性介绍
2016/10/08 PHP
利用PHP访问带有密码的Redis方法示例
2017/02/09 PHP
前台js调用后台方法示例
2013/12/02 Javascript
Webpack 实现 Node.js 代码热替换
2015/10/22 Javascript
jQuery添加删除DOM元素方法详解
2016/01/18 Javascript
AngularJs  Understanding Angular Templates
2016/09/02 Javascript
JavaScript中在光标处插入添加文本标签节点的详细方法
2017/03/22 Javascript
JavaScript数据结构之双向链表定义与使用方法示例
2017/10/27 Javascript
Vue.js样式动态绑定实现小结
2019/01/24 Javascript
JavaScript中的垃圾回收与内存泄漏示例详解
2019/05/02 Javascript
微信小程序获取当前位置和城市名
2019/11/13 Javascript
Javascript查看大图功能代码实现
2020/05/07 Javascript
vue实现简单的登录弹出框
2020/10/26 Javascript
Python实现设置windows桌面壁纸代码分享
2015/03/28 Python
详解Python3.1版本带来的核心变化
2015/04/07 Python
Python实现PS图像调整之对比度调整功能示例
2018/01/26 Python
python写入已存在的excel数据实例
2018/05/03 Python
Python使用requests提交HTTP表单的方法
2018/12/26 Python
python+webdriver自动化环境搭建步骤详解
2019/06/03 Python
django foreignkey(外键)的实现
2019/07/29 Python
Python退出时强制运行一段代码的实现方法
2020/04/29 Python
理肤泉加拿大官网:La Roche-Posay加拿大
2018/07/06 全球购物
nohup的用法
2012/11/26 面试题
乔迁之喜主持词
2014/03/27 职场文书
2014党员四风对照检查材料思想汇报
2014/09/17 职场文书
初中作文评语集锦
2014/12/25 职场文书
单位收入证明范本
2015/06/18 职场文书
python 批量压缩图片的脚本
2021/06/02 Python
Python MNIST手写体识别详解与试练
2021/11/07 Python
MySQL 数据库 增删查改、克隆、外键 等操作
2022/05/11 MySQL
Python+pyaudio实现音频控制示例详解
2022/07/23 Python