JavaScript onfocus 事件（JavaScript onfocus Event,onfocus 事件）- JavaScript

当前位置: 首页 > 网络学院 > 客户端脚本教程 > JavaScript > JavaScript onfocus 事件

JavaScript: JS数学对象参考; JS字符串对象参考; JS函数参考; JS事件参考; Javascript 常用正则表达式; FF和IE下的js兼容性问题; jQuery 简单介绍; jQuery / 核心 / $(expression, [context] ) 函数; jQuery / 核心 / $(html) 函数; 如何使用JS来判断浏览器类型(ie、firefox，等等); Javascript在IE和FireFox中的不同表现; 3个js字符编码函数区别; javascript 中的 XMLDOM 对象

No. « ‹ 1 2 3 »

学院文章搜索

关键字

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-03-04 浏览: 514 ::

收藏到网摘: n/a

Definition and Usage
定义与用法

The onfocus event occurs when an object gets focus.
当一个对象处于被选种状态时触发onfocus事件

onfocus="所要执行的脚本"

Parameter 参数	Description 注释
SomeJavaScriptCode 所要执行的脚本	Required. Specifies a JavaScript to be executed when the event occurs. 必选项。当事件触发时所要执行的脚本

Supported by the following HTML tags:
所支持的HTML标签：

Supported by the following JavaScript objects:
所支持的JavaScript对象：

button, checkbox, fileUpload, layer, frame, password, radio, reset, select, submit, text, textarea, window

In this example the background color of the input fields change when they get focus:
在下面的例子中，当文本框被选种时其背景颜色将改变：

<html>
<head>
<script type="text/javascript">
function setStyle(x)
{
document.getElementById(x).style.background="yellow"
}
</script>
</head>

<body>

First name: <input type="text"
onfocus="setStyle(this.id)" id="fname">
<br />
Last name: <input type="text"
onfocus="setStyle(this.id)" id="lname">

</body>
</html>

The output of the code above will be:
输出结果为：

First name:
Last name:

onfocus
How to use onfocus.
如何应用onfocus