html的DOM中Event对象onblur事件用法实例

 这篇文章主要介绍了html的DOM中Event对象onblur事件用法,实例分析了onblur事件的使用范围与对应的javascript使用技巧,需要的朋友可以参考下

 
 

本文实例讲述了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程序设计有所帮助。

时间: 2024-08-02 18:32:00

html的DOM中Event对象onblur事件用法实例的相关文章

html的DOM中Event对象onblur事件用法实例_javascript技巧

本文实例讲述了html的DOM中Event对象onblur事件用法.分享给大家供大家参考.具体分析如下: onblur 事件会在对象失去焦点时发生. 语法如下: 复制代码 代码如下: onblur="SomeJavaScriptCode" SomeJavaScriptCode 必需.规定该事件发生时执行的 JavaScript. 支持该事件的 HTML 标签: <a>, <acronym>, <address>, <area>, <

html的DOM中Event对象onabort事件用法实例_javascript技巧

本文实例讲述了html的DOM中Event对象onabort事件用法.分享给大家供大家参考.具体分析如下: onabort 事件会在图像加载被中断时发生. 当用户在图像完成载入之前放弃图像的装载(如单击了 stop 按钮)时,就会调用该句柄. 语法: 复制代码 代码如下: onabort="SomeJavaScriptCode" SomeJavaScriptCode 必需.规定该事件发生时执行的 JavaScript. 支持该事件的 HTML 标签:<img> 支持该事件的

html的DOM中document对象images集合用法实例_javascript技巧

本文实例讲述了html的DOM中document对象images集合用法.分享给大家供大家参考.具体分析如下: images 集合可返回对文档中所有 Image 对象的引用. 语法: 复制代码 代码如下: document.images[] 为了与 0 级 DOM 兼容,该集合不包括由 <object> 标记定义的图像. 例子: 复制代码 代码如下: <html> <body> <img border="0" src="hackanm

html的DOM中document对象anchors集合用法实例_javascript技巧

本文实例讲述了html的DOM中document对象anchors集合用法.分享给大家供大家参考.具体分析如下: anchors 集合可返回对文档中所有 Anchor 对象的引用. 语法: 复制代码 代码如下: document.anchors[] 例子: 复制代码 代码如下: <html>    <body>  <a name="first">First anchor</a><br />  <a name="

html的DOM中document对象forms集合用法实例_javascript技巧

本文实例讲述了html的DOM中document对象forms集合用法.分享给大家供大家参考.具体分析如下: forms 集合可返回对文档中所有 Form 对象的引用. 语法: 复制代码 代码如下: document.forms[] 例子: 复制代码 代码如下: <html>  <body>    <form name="Form1"></form>  <form name="Form2"></for

jsp中select的onchange事件用法实例_JSP编程

本文实例讲述了jsp中select的onchange事件用法.分享给大家供大家参考,具体如下: <script language = "JavaScript"> var onecount; onecount=0; subcat = new Array(); <% int count = 0; java.sql.ResultSet rs1 = DBManage.executeQuery("select hydm,zhydm,zhymc from zhy &qu

Jquery中Event对象属性小结

 这篇文章主要介绍了Jquery中Event对象属性的操作方法的总结,非常的详细,是篇十分不错的文章,这里推荐给大家.     JS的Event对象是触发事件的时候传递给事件处理函数的一个对象,这个对象中存在触发事件的基本信息.如:触发事件的事件源.键盘码(如果存在)等基本信息. 1.通过event.type获取事件的类型   代码如下: <script> $(function(){ $("a").click(function(event) { alert(event.ty

js基础之DOM中document对象的常用属性方法详解_javascript技巧

-----引入 每个载入浏览器的 HTML 文档都会成为 Document 对象. Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问. 属性 1  document.anchors  返回对文档中所有 Anchor 对象的引用.还有document.links/document.forms/document.images等 2  document.URL       返回当前文档的url 3  document.title       返回当前文档的标题 4  do

js基础之DOM中元素对象的属性方法详解_javascript技巧

在 HTML DOM (文档对象模型)中,每个部分都是节点. 节点是DOM结构中最基本的组成单元,每一个HTML标签都是DOM结构的节点. 文档是一个    文档节点 . 所有的HTML元素都是    元素节点 所有 HTML 属性都是    属性节点 文本插入到 HTML 元素是    文本节点 注释是    注释节点. 最基本的节点类型是Node类型,其他所有类型都继承自Node,DOM操作往往是js中开销最大的部分,因而NodeList导致的问题最多.要注意:NodeList是'动态的',