焦點(diǎn)管理

11.3.2焦點(diǎn)管理

HTML5也添加了輔助管理DOM焦點(diǎn)的功能,首先document.activeElement屬性,這個(gè)屬性始終會(huì)引用DOM中當(dāng)前獲得焦點(diǎn)的元素。元素獲得焦點(diǎn)的方式有頁面加載、用戶輸入(通常是通過按Tab鍵)和在代碼中調(diào)用focus()方法。

代碼示例
var button = document.getElementById("myButton");
button.focus();
alert(document.activeElement === button); // true

一般情況下,文檔剛剛加載完成時(shí),document.activeElement中保存的是document.body元素的引用。文檔加載期間,document.activeElement的值是null

document.hasFocus()方法

這個(gè)方法用于確定文檔是否獲得了焦點(diǎn) `

var button = document.getElementById("myButton");
button.focus();
alert(document.hasFocus());//true,通過檢測(cè)文檔是否獲得了焦點(diǎn),可以知道用戶是不是正在與頁面交互
兼容性

IE4+,Firefox3+,chrome,Safari4+,Opera8+

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 一、概述 document節(jié)點(diǎn)是整個(gè)文檔樹的頂層節(jié)點(diǎn),每張網(wǎng)頁都有自己的document節(jié)點(diǎn)。window.doc...
    周花花啊閱讀 1,350評(píng)論 0 1
  • 本文整理自《高級(jí)javascript程序設(shè)計(jì)》 DOM(文檔對(duì)象模型)是針對(duì)HTML和XML文檔的一個(gè)API(應(yīng)用...
    SuperSnail閱讀 589評(píng)論 0 1
  • 小區(qū)沿街的一排門市,最東面是今年新開的烤鴨店,最西面是幾年前開的生肉店,兩家的店各有一位女主人和一位男主人,都是夫...
    王孟姐姐閱讀 342評(píng)論 4 3
  • 小確幸之食物篇 俗語說,“開門七件事,柴米油鹽醬醋茶”,這后面的七個(gè)字簡(jiǎn)言之就是“吃”。 美食怡情,談到飲食,就不...
    三月如兮閱讀 326評(píng)論 0 0
  • 踩高蹺,孩子的天性就是玩,會(huì)玩也是開發(fā)智力的,現(xiàn)在的教育可能忽視了孩子的玩,沉重的作業(yè)負(fù)擔(dān)使孩子沒有時(shí)間玩。我經(jīng)常...
    劉現(xiàn)輝民俗畫閱讀 422評(píng)論 0 0