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

本文转载自查看原文 2020-04-22 22:44 1079 javascript

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>

　　输出：

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 js焦点事件:onfocus、onblur、focus()、blur()、select() HTML DOM-->鼠标事件单击(click)与双击(dblclick) HTML DOM-->事件对象(阻止冒泡、阻止默认行为) HTML DOM-->键盘事件：keydown/keyup/keypress jQuery表单事件之blur与focus和change事件让HTML标签、DIV、SPAN拥有focus事件和blur事件，聚焦和失焦 div,span等标签支持focus/blur事件说说focus /focusin /focusout /blur 事件详说jQuery的focus()、blur()事件说说focus /focusin /focusout /blur 事件