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系列(8) S.O.L.I.D五大原则之里氏替换原则LSP
Jan 15 Javascript
用jquery实现点击栏目背景色改变
Dec 10 Javascript
Extjs4 GridPanel的主要配置参数详细介绍
Apr 18 Javascript
jQuery制作效果超棒的手风琴折叠菜单
Apr 03 Javascript
JavaScript使用cookie实现记住账号密码功能
Apr 27 Javascript
JavaScript实现移动端滑动选择日期功能
Jun 21 Javascript
jQuery中ajax错误调试分析
Dec 01 Javascript
vue-router项目实战总结篇
Feb 11 Javascript
微信小程序自定义组件的实现方法及自定义组件与页面间的数据传递问题
Oct 09 Javascript
微信小程序实现简单评论功能
Nov 28 Javascript
原生JS forEach()和map()遍历的区别、兼容写法及jQuery $.each、$.map遍历操作
Feb 27 jQuery
Vue axios与Go Frame后端框架的Options请求跨域问题详解
Mar 03 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 模拟get_headers函数的代码示例
2013/04/27 PHP
yii实现级联下拉菜单的方法
2014/07/31 PHP
PHP简单实现HTTP和HTTPS跨域共享session解决办法
2015/05/27 PHP
一些常用且实用的原生JavaScript函数
2010/09/08 Javascript
表单切换,用回车键替换Tab健(不支持IE)
2011/07/20 Javascript
javascript解析json数据的3种方式
2014/05/08 Javascript
JS修改iframe页面背景颜色的方法
2015/04/01 Javascript
javascript实现youku的视频代码自适应宽度
2015/05/25 Javascript
详解AngularJS中的表达式使用
2015/06/16 Javascript
Angularjs中的事件广播 —全面解析$broadcast,$emit,$on
2016/05/17 Javascript
jQuery插件zTree实现删除树节点的方法示例
2017/03/08 Javascript
Bootstrap里的文件分别代表什么意思及其引用方法
2017/05/01 Javascript
javascript回调函数的概念理解与用法分析
2017/05/27 Javascript
原生js jquery ajax请求以及jsonp的调用方法
2017/08/04 jQuery
JS实现的数组去除重复数据算法小结
2017/11/17 Javascript
Vue中使用vux配置代码详解
2018/09/16 Javascript
15分钟学会vue项目改造成SSR(小白教程)
2019/12/17 Javascript
Js数组扁平化实现方法代码总汇
2020/11/11 Javascript
[02:14]2016国际邀请赛中国区预选赛Ehome晋级之路
2016/07/01 DOTA
python使用append合并两个数组的方法
2015/04/28 Python
关于numpy中np.nonzero()函数用法的详解
2017/02/07 Python
python如何实现反向迭代
2018/03/20 Python
python进行文件对比的方法
2018/12/24 Python
Python 移动光标位置的方法
2019/01/20 Python
详解python opencv、scikit-image和PIL图像处理库比较
2019/12/26 Python
Python enumerate内置库用法解析
2020/02/24 Python
IntelliJ 中配置 Anaconda的过程图解
2020/06/01 Python
html5服务器推送_动力节点Java学院整理
2017/07/12 HTML / CSS
美体小铺加拿大官方网站:The Body Shop加拿大
2016/10/30 全球购物
2014年清明节网上祭英烈寄语
2014/04/09 职场文书
2014年社区党建工作总结
2014/11/11 职场文书
2014年度思想工作总结
2014/11/27 职场文书
2015年幼儿园保育工作总结
2015/05/12 职场文书
欠条样本
2015/07/03 职场文书
python模板入门教程之flask Jinja
2022/04/11 Python
鲲鹏 CentOS 7 安装Python3.7
2022/05/11 Servers