caoporm97国产在线视频|欧美性XXXXX精品|一本一道久久a久久精品综合开|精品久久久久久久久久久AⅤ|

十年專注于品牌網(wǎng)站建設(shè) 十余年專注于網(wǎng)站建設(shè)_小程序開發(fā)_APP開發(fā),低調(diào)、敢創(chuàng)新、有情懷!
南昌百恒網(wǎng)絡(luò)微信公眾號(hào) 掃一掃關(guān)注
小程序
tel-icon全國服務(wù)熱線:400-680-9298,0791-88117053
掃一掃關(guān)注百恒網(wǎng)絡(luò)微信公眾號(hào)
掃一掃打開百恒網(wǎng)絡(luò)微信小程序

百恒網(wǎng)絡(luò)

南昌百恒網(wǎng)絡(luò)

關(guān)于javascript中常見的blur、focus、focusin、focusout焦點(diǎn)事件介紹

百恒網(wǎng)絡(luò) 2016-12-07 6409

焦點(diǎn)事件會(huì)在頁面獲得或失去焦點(diǎn)時(shí)觸發(fā)。利用這些事件并與 document.hasFocus()方法及 document.activeElement 屬性配合,可以知曉用戶在頁面上的行蹤。有以下 6 個(gè)焦點(diǎn)事件。

blur:在元素失去焦點(diǎn)時(shí)觸發(fā)。這個(gè)事件不會(huì)冒泡;所有瀏覽器都支持它。

DOMFocusIn:在元素獲得焦點(diǎn)時(shí)觸發(fā)。這個(gè)事件與 HTML 事件 focus 等價(jià),但它冒泡。只有 Opera 支持這個(gè)事件。DOM3 級(jí)事件廢棄了 DOMFocusIn,選擇了 focusin。

DOMFocusOut:在元素失去焦點(diǎn)時(shí)觸發(fā)。這個(gè)事件是 HTML 事件 blur 的通用版本。只有 Opera 支持這個(gè)事件。DOM3 級(jí)事件廢棄了 DOMFocusOut,選擇了 focusout。

focus:在元素獲得焦點(diǎn)時(shí)觸發(fā)。這個(gè)事件不會(huì)冒泡;所有瀏覽器都支持它。

focusin:在元素獲得焦點(diǎn)時(shí)觸發(fā)。這個(gè)事件與 HTML 事件 focus 等價(jià),但它冒泡。支持這個(gè)事件的瀏覽器有 IE5.5+、Safari 5.1+、Opera 11.5+和 Chrome。

focusout:在元素失去焦點(diǎn)時(shí)觸發(fā)。這個(gè)事件是 HTML 事件 blur 的通用版本。支持這個(gè)事件的瀏覽器有 IE5.5+、Safari 5.1+、Opera 11.5+和 Chrome。

這一類事件中最主要的兩個(gè)是 focus 和 blur,它們都是 JavaScript 早期就得到所有瀏覽器支持的事件。這些事件的最大問題是它們不冒泡。因此,IE 的 focusin 和 focusout 與 Opera 的 DOMFocusIn

和 DOMFocusOut 才會(huì)發(fā)生重疊。IE 的方式最后被 DOM3 級(jí)事件采納為標(biāo)準(zhǔn)方式。

當(dāng)焦點(diǎn)從頁面中的一個(gè)元素移動(dòng)到另一個(gè)元素,會(huì)依次觸發(fā)下列事件:

(1) focusout 在失去焦點(diǎn)的元素上觸發(fā);

(2) focusin 在獲得焦點(diǎn)的元素上觸發(fā);

(3) blur 在失去焦點(diǎn)的元素上觸發(fā);

(4) DOMFocusOut 在失去焦點(diǎn)的元素上觸發(fā);

(5) focus 在獲得焦點(diǎn)的元素上觸發(fā);

(6) DOMFocusIn 在獲得焦點(diǎn)的元素上觸發(fā)。

其中,blur、DOMFocusOut 和 focusout 的事件目標(biāo)是失去焦點(diǎn)的元素;而 focus、DOMFocusIn 和 focusin 的事件目標(biāo)是獲得焦點(diǎn)的元素。

要確定瀏覽器是否支持這些事件,可以使用如下代碼:

var isSupported = document.implementation.hasFeature("FocusEvent", "3.0");

本文僅限內(nèi)部技術(shù)人員學(xué)習(xí)交流,不得作于其他商業(yè)用途.希望此文對(duì)廣技人員有所幫助。原創(chuàng)文章出自:南昌網(wǎng)站建設(shè)公司-百恒網(wǎng)絡(luò)http://m.gimmickmag.com/如轉(zhuǎn)載請注明出處!


400-680-9298,0791-88117053
掃一掃關(guān)注百恒網(wǎng)絡(luò)微信公眾號(hào)
掃一掃打開百恒網(wǎng)絡(luò)小程序

歡迎您的光顧,我們將竭誠為您服務(wù)×

售前咨詢 售前咨詢
 
售前咨詢 售前咨詢
 
售前咨詢 售前咨詢
 
售前咨詢 售前咨詢
 
售前咨詢 售前咨詢
 
售后服務(wù) 售后服務(wù)
 
售后服務(wù) 售后服務(wù)
 
備案專線 備案專線
 
×