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 相关文章推荐
C#中TrimStart,TrimEnd,Trim在javascript上的实现
Jan 17 Javascript
jquery 动态创建元素的方式介绍及应用
Apr 21 Javascript
js正则匹配出所有图片及图片地址src的方法
Jun 08 Javascript
JavaScript仿静态分页实现方法
Aug 04 Javascript
jQuery图片渐变特效的简单实现
Jun 25 Javascript
利用Node.js编写跨平台的spawn语句详解
Feb 12 Javascript
js简单实现网页换肤功能
Apr 07 Javascript
Three.js中网格对象MESH的属性与方法详解
Sep 27 Javascript
Vue2.0+ElementUI实现表格翻页的实例
Oct 23 Javascript
Vue2.0中集成UEditor富文本编辑器的方法
Mar 03 Javascript
快速解决layui弹窗按enter键不停弹窗的问题
Sep 18 Javascript
JavaScript如何把两个数组对象合并过程解析
Oct 10 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函数
2015/02/10 PHP
php基于curl扩展制作跨平台的restfule 接口
2015/05/11 PHP
linux下php上传文件注意事项
2016/06/11 PHP
yii2.0整合阿里云oss的示例代码
2017/09/19 PHP
js脚本学习 比较实用的基础
2006/09/07 Javascript
你真的了解JavaScript吗?
2007/02/24 Javascript
JavaScript Event学习第十章 一些可替换的事件对
2010/02/10 Javascript
javascript 折半查找字符在数组中的位置(有序列表)
2010/12/09 Javascript
判断js中各种数据的类型方法之typeof与0bject.prototype.toString讲解
2013/11/07 Javascript
表单序列化与jq中的serialize使用示例
2014/02/21 Javascript
javascript定义变量时带var与不带var的区别分析
2015/01/12 Javascript
Javascript 高阶函数使用介绍
2015/06/15 Javascript
Js动态设置rem来实现移动端字体的自适应代码
2016/10/14 Javascript
AngularJS自定义控件实例详解
2016/12/13 Javascript
AngularJS实现select的ng-options功能示例
2017/07/12 Javascript
js实现方块上下左右移动效果
2017/08/17 Javascript
angularjs1.X 重构controller 的方法小结
2019/08/15 Javascript
jQuery - AJAX load() 实例用法详解
2019/08/27 jQuery
JavaScript进阶(三)闭包原理与用法详解
2020/05/09 Javascript
python定时采集摄像头图像上传ftp服务器功能实现
2013/12/23 Python
Python 文件管理实例详解
2015/11/10 Python
Python 正则表达式实现计算器功能
2017/04/29 Python
基于Python代码编辑器的选用(详解)
2017/09/13 Python
Python 列表理解及使用方法
2017/10/27 Python
Python import与from import使用及区别介绍
2018/09/06 Python
Python列表(List)知识点总结
2019/02/18 Python
python五子棋游戏的设计与实现
2019/06/18 Python
python requests抓取one推送文字和图片代码实例
2019/11/04 Python
PyTorch的SoftMax交叉熵损失和梯度用法
2020/01/15 Python
Python双链表原理与实现方法详解
2020/02/22 Python
通信工程专业毕业生推荐信
2013/12/25 职场文书
工作说明书范文
2014/05/07 职场文书
幼儿园中班区域活动总结
2014/07/09 职场文书
Anaconda安装pytorch及配置PyCharm 2021环境
2021/06/04 Python
Nginx内网单机反向代理的实现
2021/11/07 Servers
Golang 对es的操作实例
2022/04/20 Golang