Web速查-索引

定义

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

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

语法

<element onfocus="script">
参数 描述
script onfocus 发生时运行的脚本。

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>鱼C-零基础入门学习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: