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 相关文章推荐
CSS+Jquery实现页面圆角框方法大全
Dec 24 Javascript
Javascript学习笔记7 原型链的原理
Jan 11 Javascript
js自定义事件代码说明
Jan 31 Javascript
编写高效jQuery代码的4个原则和5个技巧
Apr 24 Javascript
Javascript中的回调函数和匿名函数的回调示例介绍
May 12 Javascript
JavaScript中this的9种应用场景及三种复合应用场景
Sep 12 Javascript
JS实现网页标题栏显示当前时间和日期的完整代码
Nov 02 Javascript
jQuery prototype冲突的2种解决方法(附demo示例下载)
Jan 21 Javascript
基于jQuery实现手风琴菜单、层级菜单、置顶菜单、无缝滚动效果
Jul 20 jQuery
node文字生成图片的示例代码
Oct 26 Javascript
使用jquery Ajax实现上传附件功能
Oct 23 jQuery
vue2.0实现的tab标签切换效果(内容可自定义)示例
Feb 11 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来检测proxy
2006/10/09 PHP
php多文件上传实现代码
2014/02/20 PHP
php实现设计模式中的单例模式详解
2014/10/11 PHP
关于PHP 如何用 curl 读取 HTTP chunked 数据
2016/02/26 PHP
javascript数组使用调用方法汇总
2007/12/08 Javascript
客户端 使用XML DOM加载json数据的方法
2010/09/28 Javascript
jQuery写的日历(包括日历的样式及功能)
2013/04/23 Javascript
js获取指定日期前后的日期代码
2013/08/20 Javascript
JS实现控制表格行内容垂直对齐的方法
2015/03/30 Javascript
javascript递归回溯法解八皇后问题
2015/04/22 Javascript
JS实现的鼠标跟随代码(卡通手型点击效果)
2015/10/26 Javascript
精通JavaScript的this关键字
2020/05/28 Javascript
js事件源window.event.srcElement兼容性写法(详解)
2016/11/25 Javascript
Angularjs的启动过程分析
2017/07/18 Javascript
js实现鼠标拖拽多选功能示例
2017/08/01 Javascript
浅谈React中组件间抽象
2018/01/27 Javascript
详解Vue打包优化之code spliting
2018/04/09 Javascript
微信小程序支付功能 php后台对接完整代码分享
2018/06/12 Javascript
详解ES7 Decorator 入门解析
2019/02/18 Javascript
Vue表单绑定的实例代码(单选按钮,选择框(单选时,多选时,用 v-for 渲染的动态选项)
2019/05/13 Javascript
JavaScript 双向链表操作实例分析【创建、增加、查找、删除等】
2020/04/28 Javascript
解决vue组件没显示,没起作用,没报错,但该显示的组件没显示问题
2020/09/02 Javascript
python判断字符串是否纯数字的方法
2014/11/19 Python
python版微信跳一跳游戏辅助
2018/01/11 Python
pandas 实现将重复表格去重,并重新转换为表格的方法
2018/04/18 Python
Python线程池模块ThreadPoolExecutor用法分析
2018/12/28 Python
Django对models里的objects的使用详解
2019/08/17 Python
CSS3实现水平居中、垂直居中、水平垂直居中的实例代码
2020/02/27 HTML / CSS
澳洲本土太阳镜品牌:Quay Australia
2019/07/29 全球购物
设计毕业生简历中的自我评价
2013/10/01 职场文书
妇产科护士自我鉴定
2013/10/15 职场文书
服装促销活动方案
2014/02/23 职场文书
鸿星尔克广告词
2014/03/21 职场文书
2014副局长群众路线对照检查材料思想汇报
2014/09/22 职场文书
安全生产协议书
2016/03/22 职场文书
如何vue使用el-table遍历循环表头和表体数据
2022/04/26 Vue.js