当前位置: 首页 > Web前端 > HTML5

DOM元素中的焦点管理

时间:2023-04-05 17:43:02 HTML5

DOM元素中的焦点管理1、焦点元素form元素(input、select或textarea等)和document.body2、如何查看当前焦点元素document.activeElement:返回焦点元素在当前页面元素中,即此时用户按下键盘上的某个键,会在该元素上触发键盘事件。此属性是只读的。Chrome页面加载后,默认的焦点元素是document.bodyhttps://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的大小来确定顺序。当设置属性tabindex="-1"时,普通DOM元素可以成为焦点元素。更多tableindex相关:http://www.cnblogs.com/rubylo...更多博客:https://github.com/Lmagic16/blog