今天以文字寬為例來說說表單的焦點事件,其他表單類型類似
焦點:瀏覽器為了區分使用者輸入的對象,當一個元素有焦點的時候,那麼那個元素就可以接受使用者的輸入。
我們可以透過一些方式為元素設定焦點
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=' '; } };
失去焦點onblur
#用法:當我們在外面點擊的時候。我們的表單就失去了焦點,同時觸發onblur
3.js獲得焦點使用focus方法獲得焦點,blur 方法失去焦點
aInp[1].focus();
用法:物件.focus這時實作預設焦點為第二個表單(blur同理)
#**最後再贈送一個方法select
select指定()元素(使用者能夠輸入的元素)中的文字內容全選---->實作複製的功能
以上是表單的焦點事件如何處理的詳細內容。更多資訊請關注PHP中文網其他相關文章!