表單的焦點事件如何處理

今天以文字寬為例來說說表單的焦點事件，其他表單類型類似

焦點：瀏覽器為了區分使用者輸入的對象，當一個元素有焦點的時候，那麼那個元素就可以接受使用者的輸入。

我們可以透過一些方式為元素設定焦點

1.tab

2,點選

3.js

 不是所有的元素都能接受焦點，能夠對應使用者操作的元素才有焦點，如表單，a標籤

#1.tab就不用說了，瀏覽器給我們做好了，我們可以隨時使用tab鍵更換焦點

2.點擊獲得焦點onfocus

#當我們點擊表單元素的時候，你點擊的那個元素便獲得了焦點、同時觸發onfocus

var aInp=document.getElementsByTagName('input');
            for(var i=0;i<aInp.length;i++){
                aInp[i].onfocus=function(){
                    this.value=&#39; &#39;;
                }
            }；

失去焦點onblur

#用法：當我們在外面點擊的時候。我們的表單就失去了焦點，同時觸發onblur

3.js獲得焦點使用focus方法獲得焦點，blur 方法失去焦點

aInp[1].focus();

用法：物件.focus這時實作預設焦點為第二個表單（blur同理）

#**最後再贈送一個方法select

select指定()元素（使用者能夠輸入的元素）中的文字內容全選---->實作複製的功能

#

以上是表單的焦點事件如何處理的詳細內容。更多資訊請關注PHP中文網其他相關文章！