focus-controller-js

适配tv电视焦点控制，可方向键控制焦点

⭐ 特性

🚀 使用者指南

通过npm下载安装代码

$ npm install --save focus-controller-js

如果你是webpack等环境

import FocusControllerJs from "focus-controller-js";

如果你是浏览器环境

<script src="node_modules/focus-controller-js/dist/index.aio.js"></script>

Usage

add attribute focusable="focusable"

init

import FocusControllerJs from "focus-controller-js";

const focusController = new FocusControllerJs();

use better-scroll

1. set attribute focus-scroll-key

<div id="record-table" focus-scroll-key="#record-table">
  ...
</div>

2. init scroll

  window.focusController.initScroll({
    "#record-table": {
      scrollY: true,
      scrollbar: {
        fade: false,
      },
    },
  });

view more options: https://better-scroll.github.io/docs/en-US/

examples

• Vue3
• React