介绍
lethargy 是一个小巧的 JavaScript 库，用于检测鼠标或触摸滑动事件的方向。这个库只有 2KB 大小，并且支持 CommonJS、AMD 和全局引入三种方式。
使用 lethargy 可以方便地判断用户的滑动方向，进而实现相应的功能。
安装
你可以通过 npm 安装 lethargy：
npm install lethargy --save
也可以通过 yarn 安装：
yarn add lethargy
如果需要在浏览器中使用 lethargy，可以在 HTML 中添加如下代码：
<script src="https://unpkg.com/lethargy"></script>
使用方法
使用 lethargy 第一步是创建一个 lethargy 实例。创建实例时可以传入两个参数：sensitivity（灵敏度）和 tolerance（容差）。sensitivity 表示滑动距离超过多少像素才被认定为有效滑动；tolerance 则表示滑动角度与水平线夹角超过多少度才被认定为有效滑动。
import Lethargy from 'lethargy'; const lethargy = new Lethargy(5, 50);
接下来就可以使用 lethargy 实例进行方向判断了。
const direction = lethargy.check(e);
if (direction === -1) {
console.log('向左滑动');
} else if (direction === 1) {
console.log('向右滑动');
}在这个示例中，我们判断用户是向左还是向右滑动。如果 direction 的值为 -1，说明用户向左滑动；如果 direction 的值为 1，说明用户向右滑动。如果 direction 的值为 0，则说明用户没有进行有效的滑动。
示例代码
下面是一个完整的示例代码，演示如何使用 lethargy 判断用户的滑动方向。
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
--------------- ----------
-------
------
---- -------- ------------- ------ ------- ------ ----------------- -------------
------- ------------------------------------------
--------
----- --- - -------------------------------
----- -------- - --- ----------- ----
--- -------
--------------------------------- - -- -
------ - ----------
---
---------------------------------- - -- -
------ - ---------------------
---
--------------------------------- - -- -
-- ------- --- ---------- -
----- -------- - --------- - -------
----- --------- - -------------------------
-- ---------- --- --- -
------------------------- - -------
- ---- -- ---------- --- -- -
------------------------- - -------
- ---- -
------------------------- - -------
-
-
---
--------------------------------- - -- -
-- ------- --- ---------- -
----- -------- - -------------------- - -------
----- --------- - -------------------------
-- ---------- --- --- -
------------------------- - -------
- ---- -- ---------- --- -- -
------------------------- - -------
- ---- -
------------------------- - -------
-
-
---
------------------------------- -- -- -
------ - ----------
------------------------- - -------
---
-------------------------------- -- -- -
------ - ----------
------------------------- - -------
---
---------
-------
-------这个示例会在页面上画一个红色的矩形，当用户在矩形中滑动时，如果向左滑动，矩形会变成绿色；如果向右
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/37975