当前位置: 首页 > 编程笔记 >

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

帅雅逸
2023-03-14
本文向大家介绍html的DOM中Event对象onblur事件用法实例,包括了html的DOM中Event对象onblur事件用法实例的使用技巧和注意事项,需要的朋友参考一下

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

 类似资料:
  • 本文向大家介绍html的DOM中Event对象onabort事件用法实例,包括了html的DOM中Event对象onabort事件用法实例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了html的DOM中Event对象onabort事件用法。分享给大家供大家参考。具体分析如下: onabort 事件会在图像加载被中断时发生。 当用户在图像完成载入之前放弃图像的装载(如单击了 stop 按钮

  • Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。(W3C) 事件对象会在事件被触发时获得,对象包含了当前事件的一些信息,如点击事件可以获取到点击的位置,键盘输入事件可以获取到按下的键。 1. 获取事件对象 在给 DOM 节点绑定事件时,需要传递一个事件处理器,其本质上是个函数,在事件触发时被调用。 在事件处理器被调用时,默认就会传递一个参数,这

  • 本文向大家介绍html的DOM中document对象anchors集合用法实例,包括了html的DOM中document对象anchors集合用法实例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了html的DOM中document对象anchors集合用法。分享给大家供大家参考。具体分析如下: anchors 集合可返回对文档中所有 Anchor 对象的引用。 语法: 例子: 希望本文所

  • 本文向大家介绍html的DOM中document对象images集合用法实例,包括了html的DOM中document对象images集合用法实例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了html的DOM中document对象images集合用法。分享给大家供大家参考。具体分析如下: images 集合可返回对文档中所有 Image 对象的引用。 语法: 为了与 0 级 DOM 兼容

  • 本文向大家介绍html的DOM中document对象forms集合用法实例,包括了html的DOM中document对象forms集合用法实例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了html的DOM中document对象forms集合用法。分享给大家供大家参考。具体分析如下: forms 集合可返回对文档中所有 Form 对象的引用。 语法: 例子: 希望本文所述对大家的javas

  • 事件 事件:用户与浏览器特定的交互瞬间。 事件对象 在触发DOM上的事件时,会产生一个事件对象Event,它包含了与事件相关的所有信息。如:事件的类型、导致事件的元素(当前元素)、以及其它与事件相关的信息。如鼠标操作事件中,包含了鼠标的位置。键盘操作事件中,包含了是否敲击了键盘等。 DOM中的事件对象 兼容DOM的浏览器会将 事件对象Event 传入事件处理程序中,无论指定事件处理程序的方式是什么