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 ajax获取网站Alexa排名的代码
Dec 12 Javascript
javascript与CSS复习(二)
Jun 29 Javascript
js实现的类似于asp数据字典的数据类型代码实例
Sep 03 Javascript
用纯Node.JS弹出Windows系统消息提示框实例(MessageBox)
May 17 Javascript
JS 设置Cookie 有效期 检测cookie
Jun 15 Javascript
vue webpack打包优化操作技巧
Feb 22 Javascript
angular将html代码输出为内容的实例
Sep 30 Javascript
webpack 开发和生产并行设置的方法
Nov 08 Javascript
bootstrap与pagehelper实现分页效果
Dec 29 Javascript
vue实现表单录入小案例
Sep 27 Javascript
Vue请求java服务端并返回数据代码实例
Nov 28 Javascript
如何优雅地取消 JavaScript 异步任务
Mar 22 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
建立动态的WML站点(二)
2006/10/09 PHP
PHP 开源AJAX框架14种
2009/08/24 PHP
php分页思路以及在ZF中的使用
2012/05/30 PHP
Laravel 5框架学习之表单
2015/04/08 PHP
php使用for语句输出三角形的方法
2015/06/09 PHP
PHP HTTP 认证实例详解
2016/11/03 PHP
让textarea控件的滚动条怎是位与最下方
2007/04/20 Javascript
FF IE浏览器修改标签透明度的方法
2014/01/27 Javascript
JavaScript异步回调的Promise模式封装实例
2014/06/07 Javascript
js获取滚动距离的方法
2015/05/30 Javascript
JavaScript必知必会(六) delete in instanceof
2016/06/08 Javascript
JS限定手机版中图片大小随分辨率自动调整的方法
2016/12/05 Javascript
JavaScript实现的冒泡排序法及统计相邻数交换次数示例
2017/04/26 Javascript
JavaScript实现图片拖曳效果
2017/09/08 Javascript
总结js函数相关知识点
2018/02/27 Javascript
vue滑动吸顶及锚点定位的示例代码
2020/05/10 Javascript
浅析 Vue 3.0 的组装式 API(一)
2020/08/31 Javascript
JS变量提升及函数提升实例解析
2020/09/03 Javascript
用python代码做configure文件
2014/07/20 Python
Python实现中文数字转换为阿拉伯数字的方法示例
2017/05/26 Python
python 垃圾收集机制的实例详解
2017/08/20 Python
pandas使用get_dummies进行one-hot编码的方法
2018/07/10 Python
Python面向对象之反射/自省机制实例分析
2018/08/24 Python
Python中GeoJson和bokeh-1的使用讲解
2019/01/03 Python
set在python里的含义和用法
2019/06/24 Python
python爬虫学习笔记之pyquery模块基本用法详解
2020/04/09 Python
pandas实现导出数据的四种方式
2020/12/13 Python
英国马莎百货官网:Marks & Spencer
2016/07/29 全球购物
德国高尔夫商店:Golfshop.de
2019/06/22 全球购物
出纳的岗位职责
2013/11/09 职场文书
房产公证书范本
2014/04/10 职场文书
作风建设整改方案
2014/10/27 职场文书
小学生光盘行动倡议书
2015/04/28 职场文书
违反纪律检讨书范文
2015/05/07 职场文书
学习经验交流会演讲稿
2015/11/02 职场文书
python元组打包和解包过程详解
2021/08/02 Python