onfocus

定义

onfocus 属性在元素获得焦点时触发。

onfocus 常用于 <input>、<select> 以及 <a>.

语法

<element onfocus="script">

参数	描述
script	onfocus 发生时运行的脚本。

实例

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>NTHOME-零基础入门学习Web（HTML5+CSS3）</title>
    <script>
        function setStyle(x)
        {
            document.getElementById(x).style.background="green";
        }
    </script>
</head>
<body>
    <p>当输入字段获得焦点时触发函数。此函数改变输入字段的背景色。</p>
   First name: <input type="text" id="fname" onfocus="setStyle(this.id)"><br>
   Last name: <input type="text" id="lname" onfocus="setStyle(this.id)">
</body>
</html>

当输入字段获得焦点时触发函数。此函数改变输入字段的背景色。

First name:

Last name:

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

Safari	Chrome	FireFox	IE
1.0	1.0	1.0	1.0