Skip to content

xjZone/xj.focus

Repository files navigation

xj.focus(区分聚焦模式)

简介 : 这个插件主要用于判断标签的聚焦方式,如果聚焦是由鼠标或触屏的点击导致的,被聚焦的标签会被添加 xj-focus-ontap 的类名,如果聚焦是由于按了键盘的 Tab 键导致的,被聚焦的标签会被添加 xj-focus-ontab 的类名,你可以简单的将这个插件当作是 :focus-visible 伪类的 Polyfill 方案,用它来区分设置不同聚焦方式下的 outline 外边框,为用户提供更好的样式和交互体验。

兼容 : IE10+ / Edge12+ / Firefox / Chrome / Safari / Opera / IOS Webkit / Android Platform

更新 : https://github.com/xjZone/xj.focus/blob/master/upgrade.md

文档 : https://xjZone.github.io/xj.focus/

协议 : Apache License 2.0

————

推荐阅读 :
XJ.Chen - 浅谈 :focus 伪类选择器和聚焦后 outline 边框的设置问题