HTML DOM-->焦点事件[focus()/blur()]

1.定义和使用

　　1）、focus() 方法用于为元素设置焦点

　　　　　　语法：HTMLElementObject.focus()

　　2）、 blur() 方法来移除元素焦点

　　　　　　语法：HTMLElementObject.blur()

　　注意：焦点事件一般用于文本框上

　　举例：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>js_excise</title>    
    </head>
    <body>
        <input id='inp' type="text">
             
        <script type="text/javascript">
            //获取聚焦
            var jsInp = document.getElementById('inp')
            jsInp.addEventListener('focus',function(){
                console.log('聚焦事件')
            },false)
            var jsInp = document.getElementById('inp')
            
            //失去焦点
            jsInp.addEventListener('blur',function(){
                console.log('离焦事件')
            },false)
        </script>
    </body>
</html>

　　输出：

posted @ 2020-04-22 22:44  abner_pan  阅读(1873)  评论(0)  编辑  收藏  举报