activeElement 獲取焦點

2021-07-14 01:52:31 字數 1884 閱讀 3555

當前獲得焦點的元素:

var x = document.activeelement.tagname;

獲取當前焦點id

varx = document.activeelement.id;

document.activeelement屬性始終會引用dom中當前獲得了焦點的元素。元素獲得焦點的方式有使用者輸入(通常是按tab鍵)、在**中呼叫focus()方法和頁面載入。先來看個小例子。?

12

">"type=>

">"type=>

? 1

2

3

4

5

6

7

8

9

10

11

window.onload = function();

預設情況下,文件剛剛載入完成的時候,document.activeelement中儲存的是document.body元素的引用。文件載入期間,document.activeelement的值為null。通過document.activeelement可以判斷文件是否載入完成。

html5除了新新增了document.activeelement屬性,還新增了document.hasfocus()方法。這個方法用於確定文件是否獲得了焦點。先來看個小例子。?

1? 1

2

3

4

5

window.onload = function();

有了hasfocus()方法,我們就可以檢測文件是否獲得了焦點,可以知道使用者是不是在與頁面互動。

查詢文件獲知哪個元素獲得了焦點,以及確定文件是否獲得了焦點,這兩個功能最重要的用途是提供web應用的無障礙性。無障礙web應用的乙個主要標誌就是恰當的焦點管理,而確切知道哪個元素獲得了焦點是乙個極大的進步,至少我們不用像過去一樣靠猜測了。先來看個小例子。?

12

滑鼠放上來

獲取焦點了

? 1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

window.onload = function()

}

function losefocus()

};

上面這個例子充分運用了hasfocus()方法來判斷是否獲得了焦點。從而也讓我們感覺了一下hasfocus()方法的魅力,以及焦點管理的用處。能夠實現這hasfocus()方法和activeelement屬性的瀏覽器有:firefox 3+、safari 4+、chrome、opera 8+ 和ie 4+。

獲取控制代碼獲取指標

1.獲取應用程式指標 2.獲取主框架指標 或者cmainframe pmainframe cmainframe afxgetmainwnd 3.獲取選單指標 cmenu pmenu afxgetmainwnd getmenu 4.獲取工具欄狀態列指標 1 主框架中可以直接使用m wnd m wnds...

獲取元素,獲取節點詳解

描述家庭族譜圖,只要我們獲得乙個元素,就可以通過很多的屬性或者方法找到頁面中的任何乙個元素 一 獲取元素的常用的8個方法 1 document.getelementbyid 1 id重複了,只獲取第乙個 2.ie6 7下不區分id大小寫 3.ie6 7下把表單元素name當作id使用 4.內嵌式引入...

tp5 1 獲取引數 獲取傳值 獲取url

方法都在 獲取引數方式一 class test 獲取引數方式二 構造方法注入 use think request class test 獲取引數方式三 構造方法注入 use think controller class test extends controller 獲取引數方式四 助手函式 use...