onfocus 属性用来获取或设置当前元素的focus事件的事件处理函数。当前元素获得键盘焦点时会触发focus事件。
在线示例
当输入域获得焦点时运行脚本:
<!DOCTYPE html>
<html>
<head>
<title>HTML onfocus 事件属性的使用(大卫编程网 div.cn)</title>
<script>
function setStyle(x)
{
document.getElementById(x).style.background="yellow";
}
</script>
</head>
<body>
<p>当输入域获得焦点时setStyle函数被触发。该函数改变输入域的背景色。</p>
第一个名字: <input type="text" id="fname" onfocus="setStyle(this.id)"><br>
最后一个名字: <input type="text" id="lname" onfocus="setStyle(this.id)">
</body>
</html>测试看看 ‹/›浏览器兼容性
IEFirefoxOperaChromeSafari
所有主流浏览器都支持 onfocus 事件属性
定义和用法
onfocus属性在元素获得焦点时触发。
Onfocus通常与<input>，<select>和<a>一起使用。
提示：与 onfocus 属性相反的属性事件为onblur 。
注意： onfocus 属性不能使用于以下元素： <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, 或 <title>。
HTML 4.01 与 HTML5之间的差异
无。
语法
<element onfocus="script">
属性值
| 值 | 描述 |
|---|---|
| script | 规定该onfocus事件触发时执行的脚本 |