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 相关文章推荐
为Yahoo! UI Extensions Grid增加内置的可编辑器
Mar 10 Javascript
JavaScript 格式字符串的应用
Mar 29 Javascript
根据对象的某一属性进行排序的js代码(如:name,age)
Aug 10 Javascript
javascript-表格排序(降序/反序)实现介绍(附图)
May 30 Javascript
jquery 自定义容器下雨效果可将下雨图标改为其他
Apr 23 Javascript
jQuery插件开发详细教程
Jun 06 Javascript
JS实用的动画弹出层效果实例
May 05 Javascript
jQuery实现自定义checkbox和radio样式
Jul 13 Javascript
Bootstrap模态框(Modal)实现过渡效果
Mar 17 Javascript
深入理解vue-class-component源码阅读
Feb 18 Javascript
jQuery使用$.extend(true,object1, object2);实现深拷贝对象的方法分析
Mar 06 jQuery
JavaScript 绘制饼图的示例
Feb 19 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
生成ubuntu自动切换壁纸xml文件的php代码
2010/07/17 PHP
php 中的4种标记风格介绍
2012/05/10 PHP
PHP文件读写操作相关函数总结
2014/11/18 PHP
PHP编程快速实现数组去重的方法详解
2017/07/22 PHP
事件模型在各浏览器中存在差异
2010/10/20 Javascript
Javascript this 的一些学习总结
2012/08/31 Javascript
制作jquery遮罩层效果导航菜单代码分享
2013/12/25 Javascript
jquery弹出遮掩层效果【附实例代码】
2016/04/28 Javascript
jQuery下拉框的简单应用
2016/06/24 Javascript
jQuery Validate设置onkeyup验证的实例代码
2016/12/09 Javascript
requirejs按需加载angularjs文件实例
2017/06/08 Javascript
基于Vue的移动端图片裁剪组件功能
2017/11/28 Javascript
vue动态改变背景图片demo分享
2018/09/13 Javascript
在 Angular-cli 中使用 simple-mock 实现前端开发 API Mock 接口数据模拟功能的方法
2018/11/28 Javascript
详解用async/await来处理异步
2019/08/28 Javascript
5个你不知道的JavaScript字符串处理库(小结)
2020/06/01 Javascript
Python的爬虫框架scrapy用21行代码写一个爬虫
2017/04/24 Python
TENSORFLOW变量作用域(VARIABLE SCOPE)
2020/01/10 Python
Python3 实现爬取网站下所有URL方式
2020/01/16 Python
Python Opencv 通过轨迹(跟踪)栏实现更改整张图像的背景颜色
2020/03/09 Python
Python-jenkins模块之folder相关操作介绍
2020/05/12 Python
python实现一个简单RPC框架的示例
2020/10/28 Python
使用Django的JsonResponse返回数据的实现
2021/01/15 Python
Wedgwood美国官网:英国骨瓷,精美礼品及家居装饰
2018/02/17 全球购物
C语言笔试题回忆
2015/04/02 面试题
房地产开发计划书
2014/01/10 职场文书
九年级语文教学反思
2014/02/04 职场文书
学生手册评语
2014/05/05 职场文书
关于安全演讲稿
2014/05/09 职场文书
园林专业毕业生自荐信
2014/07/04 职场文书
乡镇领导班子批评与自我批评材料
2014/09/23 职场文书
会议室管理制度范本
2015/08/06 职场文书
教师信息技术学习心得体会
2016/01/21 职场文书
python随机打印成绩排名表
2021/06/23 Python
部分武汉产收音机展览
2022/04/07 无线电
索尼ICF-36收音机评测
2022/04/30 无线电