DOM 元素中的核心治理

DOM 元素中的核心治理

1. 核心元素

表单元素(inputselect 或许 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…

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

    原文作者:Lmagic16
    原文地址: https://segmentfault.com/a/1190000018182215
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞