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 相关文章推荐
仅img元素创建后不添加到文档中会执行onload事件的解决方法
Jul 31 Javascript
javascipt基础内容--需要注意的细节
Apr 10 Javascript
jQuery判断checkbox是否选中的3种方法
Aug 12 Javascript
jquery.fastLiveFilter.js实现输入自动过滤的方法
Aug 11 Javascript
JS模拟Dialog弹出浮动框效果代码
Oct 16 Javascript
JavaScript+canvas实现七色板效果实例
Feb 18 Javascript
JavaScript中实现无缝滚动、分享到侧边栏实例代码
Apr 06 Javascript
浅谈js函数三种定义方式 &amp; 四种调用方式 &amp; 调用顺序
Feb 19 Javascript
js实现自定义进度条效果
Mar 15 Javascript
bootstrap table使用入门基本用法
May 24 Javascript
基于vue-cli vue-router搭建底部导航栏移动前端项目
Feb 28 Javascript
Vue Render函数创建DOM节点代码实例
Jul 08 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
新的一年,新的期待:DC在2020年的四部动画电影
2020/01/01 欧美动漫
php上传文件,创建递归目录的实例代码
2013/10/18 PHP
PHP SplObjectStorage使用实例
2015/05/12 PHP
php抽象类用法实例分析
2015/07/07 PHP
非常有用的9个PHP代码片段
2016/04/06 PHP
document.getElementById方法在Firefox与IE中的区别
2010/05/18 Javascript
基于jQuery UI CSS Framework开发Widget的经验
2010/08/21 Javascript
推荐10个超棒的jQuery工具提示插件
2011/10/11 Javascript
Iframe实现跨浏览器自适应高度解决方法
2014/09/02 Javascript
JavaScript中逗号运算符介绍及使用示例
2015/03/13 Javascript
JavaScript数组迭代器实例分析
2015/06/09 Javascript
javascript创建动态表单的方法
2015/07/25 Javascript
贴近用户体验的Jquery日期、时间选择插件
2015/08/19 Javascript
javascript基本算法汇总
2016/03/09 Javascript
AngularJS基础 ng-class-odd 指令示例
2016/08/01 Javascript
vue.js加载新的内容(实例代码)
2017/06/01 Javascript
jQuery层级选择器_动力节点节点Java学院整理
2017/07/04 jQuery
vue中$refs的用法及作用详解
2018/04/24 Javascript
webpack4 css打包压缩问题的解决
2018/05/18 Javascript
在vue中使用cookie记住用户上次选择的实例(本次例子中为下拉框)
2020/09/11 Javascript
Python中将字典转换为XML以及相关的命名空间解析
2015/10/15 Python
编写Python爬虫抓取豆瓣电影TOP100及用户头像的方法
2016/01/20 Python
Python的Flask框架中集成CKeditor富文本编辑器的教程
2016/06/13 Python
详解python的webrtc库实现语音端点检测
2017/05/31 Python
python的mysqldb安装步骤详解
2017/08/14 Python
将python代码和注释分离的方法
2018/04/21 Python
python远程连接服务器MySQL数据库
2018/07/02 Python
python实现植物大战僵尸游戏实例代码
2019/06/10 Python
django中SMTP发送邮件配置详解
2019/07/19 Python
Python实现微信机器人的方法
2019/09/06 Python
研究生自我鉴定范文
2013/10/30 职场文书
生产经理的自我评价分享
2013/11/07 职场文书
法定代表人授权委托书
2014/04/04 职场文书
小学安全工作汇报材料
2014/08/19 职场文书
法人代表证明书范本
2015/06/18 职场文书
Python中的pprint模块
2021/11/27 Python