获取失去焦点

最新推荐文章于 2025-12-15 15:15:21 发布

原创最新推荐文章于 2025-12-15 15:15:21 发布 · 200 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #开发语言 #ecmascript

JS 专栏收录该内容

91 篇文章

订阅专栏

本文详细介绍了如何在HTML输入框中实现获取焦点和失去焦点的事件监听，通过JavaScript为'username'输入框绑定'onfocus'和'onblur'事件，以便在用户交互时进行相应的操作。

<title>焦点事件</title>
    <!-- 
        焦点事件
          获取焦点事件  onfocus
          失去焦点事件  onblur
         

     -->
</head>
<body>
    <div>
        <input type="text" name="username">
    </div>

    <script>
        var inputEle = document.querySelector('input[name="username"]')
        //绑定焦点事件
        inputEle.onfocus = function(){
            console.log('onfocus >>>> ');
        }
        inputEle.onblur = function(){
            console.log('onblur >>>> ');
        }

    </script>
</body>
</html>