焦点管理

11.3.2焦点管理

HTML5也添加了辅助管理DOM焦点的功能,首先document.activeElement属性,这个属性始终会引用DOM中当前获得焦点的元素。元素获得焦点的方式有页面加载、用户输入(通常是通过按Tab键)和在代码中调用focus()方法。

代码示例
var button = document.getElementById("myButton");
button.focus();
alert(document.activeElement === button); // true

一般情况下,文档刚刚加载完成时,document.activeElement中保存的是document.body元素的引用。文档加载期间,document.activeElement的值是null

document.hasFocus()方法

这个方法用于确定文档是否获得了焦点 `

var button = document.getElementById("myButton");
button.focus();
alert(document.hasFocus());//true,通过检测文档是否获得了焦点,可以知道用户是不是正在与页面交互
兼容性

IE4+,Firefox3+,chrome,Safari4+,Opera8+

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、概述 document节点是整个文档树的顶层节点,每张网页都有自己的document节点。window.doc...
    周花花啊阅读 1,358评论 0 1
  • 本文整理自《高级javascript程序设计》 DOM(文档对象模型)是针对HTML和XML文档的一个API(应用...
    SuperSnail阅读 599评论 0 1
  • 小区沿街的一排门市,最东面是今年新开的烤鸭店,最西面是几年前开的生肉店,两家的店各有一位女主人和一位男主人,都是夫...
    王孟姐姐阅读 347评论 4 3
  • 小确幸之食物篇 俗语说,“开门七件事,柴米油盐酱醋茶”,这后面的七个字简言之就是“吃”。 美食怡情,谈到饮食,就不...
    三月如兮阅读 337评论 0 0
  • 踩高跷,孩子的天性就是玩,会玩也是开发智力的,现在的教育可能忽视了孩子的玩,沉重的作业负担使孩子没有时间玩。我经常...
    刘现辉民俗画阅读 427评论 0 0