js焦點事件:onfocus、onblur、focus()、blur()、select()

時間 2019-11-08

標籤焦點事件 onfocus onblur focus blur select 欄目 JavaScript 简体版

原文原文鏈接

什麼是焦點事件瀏覽器

焦點：使瀏覽器可以區分用戶輸入的對象，當一個元素有焦點的時候，那麼他就能夠接收用戶的輸入
只有可以響應用戶操做額元素才能夠接收焦點事件，好比：a button input...code

onfocus：當元素獲取到焦點的時候觸發對象

odiv.onfocus = funcion(){}

onblur:當元素失去焦點的時候事件

obj.focus():給指定的元素設置焦點ip

obj.blur()：取消指定元素的焦點ci

obj.select()：全選當前的文字get

<body>
    <input type="text" />
    <button >全選</button>
    <script>
    window.onload = function() {
        var oinpt = document.getElementsByTagName("input")[0];
        var obtn = document.getElementsByTagName("button")[0];
        obtn.onclick = function() {
            oinpt.select();
        }
    }
    </script>
</body>

相關標籤/搜索