首页 >web前端 >html教程 >当HTML元素失去焦点时执行脚本?

当HTML元素失去焦点时执行脚本?

PHPz
PHPz转载
2023-09-02 10:41:021259浏览

当HTML元素失去焦点时执行脚本?

使用 onblur 属性在 HTML 中的元素失去焦点时执行脚本。您可以尝试运行以下代码来实现onblur属性 -

示例

<!DOCTYPE html>
<html>
   <body>
      <p>Type text below!</p>

      Country: <input type = "text" name = "myid" id = "myid" onblur = "display()">

      <script>
         function display() {
            var str = document.getElementById("myid");
            str.value = str.value.toUpperCase();
         }
      </script>

   </body>
</html>

以上是当HTML元素失去焦点时执行脚本?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文转载于:tutorialspoint.com。如有侵权,请联系admin@php.cn删除