HTML onfocus 事件属性

HTML 事件属性 HTML 事件属性

当输入域获得焦点时运行脚本:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <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>

尝试一下 »

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流浏览器都支持 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事件触发时执行的脚本
HTML 事件属性 HTML 事件属性