首页 > 文章列表 > 当HTML元素获得焦点时执行脚本?

当HTML元素获得焦点时执行脚本?

222 2023-09-14

使用 onfocus 属性在 HTML 中获得焦点时执行脚本。

示例

您可以尝试运行以下代码来实现 onfocus 属性 -

<!DOCTYPE html>
<html>
   <body>
      <p>Enter subject name below,</p>
      Subject: <input type = "text" id = "sname" onfocus = "display(this.id)">
      <br>

      <script>
         function display(val) {
            document.getElementById(val).style.background = "blue";
         }
      </script>
   </body>
</html>