activeElement 获取焦点
2016-06-27 10:12
253 查看
activeElement
当前获得焦点的元素:var x = document.activeElement.tagName;
获取当前焦点ID
var x = document.activeElement.id;
1、document.activeElement属性
Document.activeelement属性始终会引用DOM中当前获得了焦点的元素。元素获得焦点的方式有用户输入(通常是按Tab键)、在代码中调用focus()方法和页面加载。先来看个小例子。
HTML代码
?
JavaScript代码
?
2、document.hasFocus()方法
HTML5除了新添加了document.activeelement属性,还添加了document.hasfocus()方法。这个方法用于确定文档是否获得了焦点。先来看个小例子。
HTML代码
?
JavaScript代码
?查询文档获知哪个元素获得了焦点,以及确定文档是否获得了焦点,这两个功能最重要的用途是提供Web应用的无障碍性。无障碍Web应用的一个主要标志就是恰当的焦点管理,而确切知道哪个元素获得了焦点是一个极大的进步,至少我们不用像过去一样靠猜测了。先来看个小例子。
hasFocus()应用小例子
HTML代码
?
JavaScript代码
?3+、Safari 4+、Chrome、Opera 8+ 和IE 4+。
HTML5实战与剖析之焦点管理(activeElement和hasFocus)就为大家分享到这里。中国Web应用无障碍化还有待发展,掌握好焦点管理(activeElement和hasFocus),基本上能够实现Web应用无障碍化。感谢大家对梦龙小站的支持,更多有关HTML5的跟新敬请关注梦龙小站HTML5实战与剖析的相关更新。
相关文章推荐
- activeElement 获取焦点
- activeElement 获取焦点
- activeElement 获取焦点
- activeElement 获取焦点
- activeElement 获取焦点
- activeElement 获取焦点
- 它会保留正确的缩进
- 五大行
- 数值函数
- 转: 透过CAT,来看分布式实时监控系统的设计与实现
- git常用命令指导2
- 图像点击跟踪系统
- android 动态加载技术
- nodejs异步实践
- Android中LocalSocket使用
- 华为机试---生成格雷码
- Stanford 中文分词
- OKHttp源码解析(二)
- 安装VMware Workstation虚拟机中文版
- 242. Valid Anagram 有效的Anagram