国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

DOM 元素中的焦點管理

Drinkey / 614人閱讀

摘要:元素中的焦點管理焦點元素表單元素或者等以及如何查看當前焦點元素返回當前頁面中獲得焦點的元素,也就是說,如果此時用戶按下了鍵盤上某個鍵,會在該元素上觸發(fā)鍵盤事件。使用定義的新屬性,可以讓元素自動獲得焦點。

DOM 元素中的焦點管理 1. 焦點元素

表單元素(input、select 或者 textarea 等)

以及 document.body

2. 如何查看當前焦點元素

document.activeElement:返回當前頁面中獲得焦點的元素,也就是說,如果此時用戶按下了鍵盤上某個鍵,會在該元素上觸發(fā)鍵盤事件。該屬性是只讀的。

Chrome 頁面加載后默認的焦點元素是 document.body

https://developer.mozilla.org...

3. 如何讓元素獲得焦點

1)頁面交互:點擊 input 輸入框等。

2)JS代碼:HTMLElement.focus() 方法可以設置指定元素獲取焦點。

3)使用 HTML5 定義的新屬性 autofocus,可以讓元素自動獲得焦點。

例如

這樣 input 會在頁面載入后會自動獲得焦點。

注意:普通 DOM 元素,想要獲得焦點,需要先設置 tabindex="-1" 屬性,再通過頁面交互或者 focus 方式,讓其獲得焦點。

4. 如何讓元素失去焦點

1)頁面交互:點擊頁面其他地方

2)JS代碼:HTMLElement.blur() blur方法用來移除當前元素所獲得的鍵盤焦點。

5. tabindex 屬性

tabindex 屬性的作用是:當用 tab 鍵遍歷切換頁面的表單元素時,按照 tabindex 的大小決定順序。

當普通 DOM 元素設置屬性 tabindex="-1" 時,可將其成為焦點元素。

更多 tableindex 相關(guān):http://www.cnblogs.com/rubylo...


更多博客:https://github.com/Lmagic16/blog

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/53697.html

相關(guān)文章

  • DOM 元素中的焦點管理

    摘要:元素中的焦點管理焦點元素表單元素或者等以及如何查看當前焦點元素返回當前頁面中獲得焦點的元素,也就是說,如果此時用戶按下了鍵盤上某個鍵,會在該元素上觸發(fā)鍵盤事件。使用定義的新屬性,可以讓元素自動獲得焦點。 DOM 元素中的焦點管理 1. 焦點元素 表單元素(input、select 或者 textarea 等) 以及 document.body 2. 如何查看當前焦點元素 documen...

    developerworks 評論0 收藏0
  • DOM 元素中的焦點管理

    摘要:元素中的焦點管理焦點元素表單元素或者等以及如何查看當前焦點元素返回當前頁面中獲得焦點的元素,也就是說,如果此時用戶按下了鍵盤上某個鍵,會在該元素上觸發(fā)鍵盤事件。使用定義的新屬性,可以讓元素自動獲得焦點。 DOM 元素中的焦點管理 1. 焦點元素 表單元素(input、select 或者 textarea 等) 以及 document.body 2. 如何查看當前焦點元素 documen...

    alanoddsoff 評論0 收藏0
  • 紅皮書(10):DOM擴展

    摘要:取得所有類中包含和的元素。類名的先后順序無所謂取得為的元素中帶有類名的所有元素焦點管理也添加了輔助管理焦點的功能。首先就是屬性,這個屬性始終會引用中當前獲得了焦點的元素。另外就是新增了方法,這個方法用于確定文檔是否獲得了焦點。 選擇符API querySelector()方法 // 取得body元素 var tbody = document.querySelector(body);...

    ASCH 評論0 收藏0
  • 《JavaScript高級程序設計》筆記:DOM擴展(十一)

    摘要:取得所有類中包含和的元素。類名的先后順序無所謂取得為的元素中帶有類名的所有元素焦點管理也添加了輔助管理焦點的功能。首先就是屬性,這個屬性始終會引用中當前獲得了焦點的元素。另外就是新增了方法,這個方法用于確定文檔是否獲得了焦點。 選擇符API querySelector()方法 // 取得body元素 var tbody = document.querySelector(body); ...

    BenCHou 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<