track-focus:跟踪焦点事件,以获得更好的辅助功能样式

时间:2024-05-22 21:46:55
【文件属性】:

文件名称:track-focus:跟踪焦点事件,以获得更好的辅助功能样式

文件大小:15KB

文件格式:ZIP

更新时间:2024-05-22 21:46:55

JavaScript

我创建了一个新版本的trackFocus,该版本包括更多的常规事件检测(包括触摸和指针),仅向主体添加单个属性,而不是在类中乱扔DOM,并公开了用于编写脚本的小型API。 看看 。 追踪焦点 trackFocus会在元素获得焦点时向其添加一个类,从而为键盘与鼠标的交互提供特定的样式。 查看。 这个怎么运作 监视正文中的mousedown和keydown事件,并将其存储为变量。 focusin主体是否有focusin事件,并根据上一个事件是来自鼠标还是键盘来应用正确的类。 focusout主体是否有focusout事件,并删除鼠标/键盘类。 根据需要设置焦点状态的样式。 用法 包括trackFocus.min.js(仅500个字节)。 样式焦点状态。 兼容性 在所有现代浏览器中均按原样工作。 对于较旧的浏览器,例如IE8,请抓取以下这些polyfills: 通过jonathantn


【文件预览】:
track-focus-master
----.gitignore(24B)
----README.md(1KB)
----dest()
--------javascripts()
--------stylesheets()
----bower.json(601B)
----package.json(737B)
----src()
--------javascripts()
--------stylesheets()
----index.html(2KB)
----gulpfile.js(1KB)

网友评论