這篇文章主要介紹“javascript中常見的焦點(diǎn)事件有哪些”的相關(guān)知識(shí)，小編通過實(shí)際案例向大家展示操作過程，操作方法簡單快捷，實(shí)用性強(qiáng)，希望這篇“javascript中常見的焦點(diǎn)事件有哪些”文章能幫助大家解決問題。

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)建站！專注于網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、微信小程序定制開發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了富裕免費(fèi)建站歡迎大家使用！

焦點(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");

關(guān)于“javascript中常見的焦點(diǎn)事件有哪些”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，小編每天都會(huì)為大家更新不同的知識(shí)點(diǎn)。

分享文章：javascript中常見的焦點(diǎn)事件有哪些
文章源于：http://vcdvsql.cn/article34/jhigse.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供服務(wù)器托管、網(wǎng)站排名、外貿(mào)建站、網(wǎng)站維護(hù)、域名注冊、網(wǎng)站設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)