DOM 元素中的焦點管理
摘要：
DOM 元素中的焦點管理
1. 焦點元素
表單元素（input
、select
或者textarea
等）
以及 document.body
2. 如何檢視當前焦點元素
document.activeElement
：返回當前頁面中獲...
DOM 元素中的焦點管理
1. 焦點元素
表單元素（input 、select 或者textarea 等）
以及 document.body
2. 如何檢視當前焦點元素
document.activeElement
：返回當前頁面中獲得焦點的元素，也就是說，如果此時使用者按下了鍵盤上某個鍵，會在該元素上觸發鍵盤事件。該屬性是隻讀的。
Chrome 頁面載入後預設的焦點元素是document.body
https://developer.mozilla.org...
3. 如何讓元素獲得焦點
1）頁面互動：點選 input 輸入框等。
2）JS程式碼： HTMLElement.focus() 方法可以設定指定元素獲取焦點。
3）使用 HTML5 定義的新屬性 autofocus，可以讓元素自動獲得焦點。
例如 <input type="text" autofocus />
這樣 input 會在頁面載入後會自動獲得焦點。
注意：普通 DOM 元素，想要獲得焦點，需要先設定tabindex="-1"
屬性，再通過頁面互動或者 focus 方式，讓其獲得焦點。
4. 如何讓元素失去焦點
1）頁面互動：點選頁面其他地方
2）JS程式碼： HTMLElement.blur() blur方法用來移除當前元素所獲得的鍵盤焦點。
5. tabindex 屬性
tabindex 屬性的作用是：當用 tab 鍵遍歷切換頁面的表單元素時，按照 tabindex 的大小決定順序。
當普通 DOM 元素設定屬性 tabindex="-1" 時，可將其成為焦點元素。
更多 tableindex 相關：http://www.cnblogs.com/rubylo...