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…