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 相关文章推荐
jquery BS,dialog控件自适应大小
Jul 06 Javascript
关于innerHTML后丢失动态绑定的EVENT问题解决方法
May 19 Javascript
Javascript实现颜色rgb与16进制转换的方法
Apr 18 Javascript
jQuery+ajax实现无刷新级联菜单示例
May 21 Javascript
jQuery实现下拉框左右移动(全部移动,已选移动)
Apr 15 Javascript
jquery  实现轮播图详解及实例代码
Oct 12 Javascript
jQuery使用ajax方法解析返回的json数据功能示例
Jan 10 Javascript
React+react-dropzone+node.js实现图片上传的示例代码
Aug 23 Javascript
angular4中关于表单的校验示例
Oct 16 Javascript
详解Vue中数组和对象更改后视图不刷新的问题
Sep 21 Javascript
利用JavaScript缓存远程窃取Wi-Fi密码的思路详解
Nov 05 Javascript
微信小程序仿淘宝热搜词在搜索框中轮播功能
Jan 21 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
30 个很棒的PHP开源CMS内容管理系统小结
2011/10/14 PHP
PHP乱码问题,UTF-8乱码常见问题小结
2012/04/09 PHP
基于ubuntu下nginx+php+mysql安装配置的具体操作步骤
2013/04/28 PHP
destoon之一键登录设置
2014/06/21 PHP
php简单分页类实现方法
2015/02/26 PHP
项目中应用Redis+Php的场景
2016/05/22 PHP
浅谈Yii乐观锁的使用及原理
2017/07/25 PHP
javascript得到当前页的来路即前一页地址的方法
2014/02/18 Javascript
点击显示指定元素隐藏其他同辈元素的方法
2014/02/19 Javascript
使用jQuery动态加载js脚本文件的方法
2014/04/03 Javascript
JS实现模拟百度搜索“2012世界末日”网页地震撕裂效果代码
2015/10/31 Javascript
JS实现方形抽奖效果
2018/08/27 Javascript
express + jwt + postMan验证实现持久化登录
2019/06/05 Javascript
JS利用prototype给类添加方法操作详解
2019/06/21 Javascript
浅谈vuex为什么不建议在action中修改state
2020/02/02 Javascript
关于vue3默认把所有onSomething当作v-on事件绑定的思考
2020/05/15 Javascript
详解JSON.stringify()的5个秘密特性
2020/05/26 Javascript
vue接通后端api以及部署到服务器操作
2020/08/13 Javascript
python开发之文件操作用法实例
2015/11/13 Python
Python实现计算两个时间之间相差天数的方法
2017/05/10 Python
使用python实现knn算法
2017/12/20 Python
基于numpy.random.randn()与rand()的区别详解
2018/04/17 Python
spark dataframe 将一列展开,把该列所有值都变成新列的方法
2019/01/29 Python
python中单下划线(_)和双下划线(__)的特殊用法
2019/08/29 Python
Manjaro、pip、conda更换国内源的方法
2020/11/17 Python
让IE6支持css3,让 IE7、IE8 都支持CSS3
2011/10/09 HTML / CSS
html5表单及新增的改良元素详解
2016/06/07 HTML / CSS
自我评价优秀范文分享
2013/11/30 职场文书
高中竞选班长演讲稿
2014/04/24 职场文书
2014年学校教学工作总结
2014/12/06 职场文书
三八红旗手先进事迹材料(2016推荐版)
2016/02/25 职场文书
2016年社区中秋节活动总结
2016/04/05 职场文书
手把手教你怎么用Python实现zip文件密码的破解
2021/05/27 Python
python缺失值的解决方法总结
2021/06/09 Python
MySQL子查询中order by不生效问题的解决方法
2021/08/02 MySQL
浅析Python OpenCV三种滤镜效果
2022/04/11 Python