美文网首页
焦点管理

焦点管理

作者: 肖肖的田野 | 来源:发表于2017-03-16 20:10 被阅读8次

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+

相关文章

  • TextField

    焦点管理 在Flutter中TextField使用FocusNode管理焦点 获取、取消焦点: 取消所有焦点 不使...

  • Mac HBuilder 快捷键

    项目管理器 重命名文件(焦点在项目管理器中):f2剪切文件(焦点在项目管理器中):command+x复制文件(焦点...

  • 焦点管理

    11.3.2焦点管理 HTML5也添加了辅助管理DOM焦点的功能,首先document.activeElement...

  • 关于“焦点管理”

    关于背景和行为的管理工具——AMBR流程,我们也可以称为焦点管理。它既可以用在团队的社会背景管理中提升团队绩效水平...

  • 种了个寂寞

    中原焦点团队,焦点幸福教师 坚持分享第2013天2022.09.11周日 由于疫情,春红薯栽的晚,也没有管理,夏天...

  • 无题

    刘彦 中原焦点团队 沁阳智慧父母课堂 焦点讲一.高三 坚持分享第1828天 2022.1.12周三 今晚不想管理情...

  • PMP 第五章 项目范围管理

    范围管理的目标 范围管理包括 不同生命周期的范围管理对比 如何收集需求?头脑风暴、访谈、焦点小组、问卷调查、标杆对...

  • Android 音频焦点控制(包含 原生 & WebView 音

    1 音频焦点管理类 2 注册监听 在使用的地方注册监听 3 使用 3.1 其他音频播放,停止当前音频 当失去焦点时...

  • 情绪何时会失控【磨课篇】

    中原焦点团队【原创】分享第1299天2020.10.25情绪管理,是个常说的话题。如何情绪管理,也是仁者见仁,智者...

  • 把时间当作朋友

    作者:李笑来 2015版(2009初版) *来源:喜马拉雅电子书 没有人能管理时间,人能够管理的是自己。管理的焦点...

网友评论

      本文标题:焦点管理

      本文链接:https://www.haomeiwen.com/subject/qvxwgttx.html