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 事件