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快速检测浏览器对CSS3特性的支持情况
Sep 26 Javascript
阻止子元素继承父元素事件具体思路及实现
May 02 Javascript
jquery 插件实现瀑布流图片展示实例
Apr 03 Javascript
javascript实现可拖动变色并关闭层窗口实例
May 15 Javascript
基于jQuery制作小图标上下滑动特效
Jan 18 Javascript
VSCode 配置React Native开发环境的方法
Dec 27 Javascript
详解Vue 多级组件透传新方法provide/inject
May 09 Javascript
AngularJS中的作用域实例分析
May 16 Javascript
nuxt.js 缓存实践
Jun 25 Javascript
图片文字识别(OCR)插件Ocrad.js教程
Nov 26 Javascript
通过JQuery,JQueryUI和Jsplumb实现拖拽模块
Jun 18 jQuery
在Vuex中Mutations修改状态操作
Jul 24 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缓存技术详细总结
2013/08/07 PHP
PHP错误和异长常处理总结
2014/03/06 PHP
微信API接口大全
2015/04/15 PHP
PHP explode()函数用法讲解
2019/02/15 PHP
thinkPHP5.1框架使用SemanticUI实现分页功能示例
2019/08/03 PHP
laravel 5.5 关闭token的3种实现方式
2019/10/24 PHP
nginx 设置多个站跨域
2021/03/09 Servers
$.each遍历对象、数组的属性值并进行处理
2014/07/18 Javascript
jquery.multiselect多选下拉框实现代码
2016/11/11 Javascript
通过Ajax使用FormData对象无刷新上传文件方法
2016/12/08 Javascript
非常优秀的JS图片轮播插件Swiper的用法
2017/01/03 Javascript
vue axios请求拦截实例代码
2018/03/29 Javascript
小程序实现展开/收起的效果示例
2018/09/22 Javascript
Vue数据绑定简析小结
2019/05/07 Javascript
更强大的vue ssr实现预取数据的方式
2019/07/19 Javascript
Javascript组合继承方法代码实例解析
2020/04/02 Javascript
python读取csv文件示例(python操作csv)
2014/03/11 Python
python从网络读取图片并直接进行处理的方法
2015/05/22 Python
图文讲解选择排序算法的原理及在Python中的实现
2016/05/04 Python
Python Json序列化与反序列化的示例
2018/01/31 Python
Python变量赋值的秘密分享
2018/04/03 Python
Python图像的增强处理操作示例【基于ImageEnhance类】
2019/01/03 Python
Python OpenCV实现视频分帧
2019/06/01 Python
python命令行工具Click快速掌握
2019/07/04 Python
python xlwt如何设置单元格的自定义背景颜色
2019/09/03 Python
vue+django实现下载文件的示例
2021/03/24 Vue.js
数控个人求职信范文
2014/02/03 职场文书
产品发布会策划方案
2014/05/12 职场文书
学校2014重阳节活动策划方案
2014/09/16 职场文书
大学生自我评价200字(4篇)
2014/09/17 职场文书
2014购房个人委托书范本
2014/10/12 职场文书
写景作文评语集锦
2014/12/25 职场文书
个人培训总结
2015/03/05 职场文书
2015年试用期自我评价范文
2015/03/10 职场文书
Redis特殊数据类型HyperLogLog基数统计算法讲解
2022/06/01 Redis
Docker与K8s关系介绍不会Docker也可以使用K8s
2022/06/25 Servers