首頁 > web前端 > js教程 > 主體

表單的焦點事件如何處理

一个新手
發布: 2017-09-19 10:23:40
原創
2274 人瀏覽過

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

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

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

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板