HTML Dom Event对象onfocus事件

语法:

onfocus="SomeJavaScriptCode"

onfocus 事件在对象获得焦点时发生。

支持该事件的 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, select, submit,

text, textarea, window

例:

输入框获得焦点时,改变其背景色:

<span style="font-size:18px;"><html>
<head>
<script type="text/javascript">
function setStyle(id)
{
 document.getElementById(id).style.background="yellow"
}
</script>
</head>

<body>

名称: <input type="text" onfocus="setStyle(this.id)" id="name" />
<br />
年龄: <input type="text" onfocus="setStyle(this.id)" id="age" />

</body>
</html></span>
时间: 2024-10-13 22:43:11

HTML Dom Event对象onfocus事件的相关文章

HTML Dom Event对象onkeypress事件

事件会在键盘按键被按下并释放一个键时发生.浏览器差异:IE 使用 event.keyCode 取回被按下的字符,而 Netscape/Firefox/Opera 使用 event.which. 支持该事件的 HTML 标签: <a>, <acronym>, <address>, <area>, <b>, <bdo>, <big>, <blockquote>, <body>, <button&g

HTML Dom Event对象onmousedown事件

事件会在鼠标按键被按下时发生. 支持该事件的 HTML 标签: <a>, <address>, <area>, <b>, <bdo>, <big>, <blockquote>, <body>, <button>, <caption>, <cite>, <code>, <dd>, <dfn>, <div>, <dl>,

HTML Dom Event对象onload事件

事件会在页面或图像加载完成后立即发生. 支持该事件的 HTML 标签: <body>, <frame>, <frameset>, <iframe>, <img>, <link>, <script> 支持该事件的 JavaScript 对象: image, layer, window 例子: <html> <head> <script type="text/javascript&quo

HTML Dom Event对象onKeyUp事件

事件会在键盘按键被松开时发生. 支持该事件的 HTML 标签: <a>, <acronym>, <address>, <area>, <b>, <bdo>, <big>, <blockquote>, <body>, <button>, <caption>, <cite>, <code>, <dd>, <del>, <dfn

HTML Dom Event对象onclick事件

语法: onclick="SomeJavaScriptCode" onclick 事件会在对象被点击时发生. 请注意, onclick 与 onmousedown 不同. 单击事件是在同一元素上发生了鼠标按下事件之后又发生了鼠标放开事件时才发生的. 支持该事件的 HTML 标签: <a>, <address>, <area>, <b>, <bdo>, <big>, <blockquote>, <b

HTML Dom Event对象ondblclick事件

语法: ondblclick="SomeJavaScriptCode" ondblclick 事件会在对象被双击时发生. 支持该事件的 HTML 标签: <a>, <address>, <area>, <b>, <bdo>, <big>, <blockquote>, <body>, <button>, <caption>, <cite>, <code

HTML Dom Event对象onerror事件

语法: onerror="SomeJavaScriptCode" onerror 事件会在文档或图像加载过程中发生错误时被触发. 支持该事件的 HTML 标签: <img>, <object>, <style> 支持该事件的 JavaScript 对象: window, image 例: 装载图像时发生了错误,弹出一个提示框: <img src="image.gif" onerror="alert('图片找不到,无

HTML Dom Event对象onmousemove事件

事件会在鼠标指针移动时发生. 支持该事件的 HTML 标签: <a>, <address>, <area>, <b>, <bdo>, <big>, <blockquote>, <body>, <button>, <caption>, <cite>, <code>, <dd>, <dfn>, <div>, <dl>,

HTML DOM Event对象

我们通常把HTML DOM Event对象叫做Event事件 事件驱动模型 事件源:(触发事件的元素)事件源对象是指event对象 其封装了与事件相关的详细信息. 当事件发生时,只能在事件函数内部访问的对象 处理函数结束后会自动销毁 事件流:当页面元素触发事件的时候, 该元素的容器以及整个页面都会按照特定的顺序响应该元素的触发事件 事件传播的顺序叫做事件流. 事件分类:鼠标事件,键盘事件,表单事件,页面事件 我这里主要列举鼠标事件的: 1.鼠标事件: var btnNum = event.but