Stalker 是一个 NPM 包，可以帮助我们轻松地检测某个 DOM 元素何时出现在视图中。在前端开发中，我们经常需要实现类似“无限滚动”、“懒加载”等功能，这时我们就可以使用 Stalker 来完成。
安装
在命令行中输入以下命令即可安装 Stalker：
--- ------- ------- ------
使用方法
以下是一个简单的使用示例：
------ ------- ---- --------- ----- -- - ------------------------------------- ----------- -- -- - ---------------- ------- -- --- -- ------- --
我们首先使用 querySelector 方法获取了一个名为 my-element 的 DOM 元素，在 stalker 中传递给第一个参数，表示我们要检测该元素何时出现在视图中。第二个参数则传递了一个回调函数，表示当该元素出现在视图中时要执行的操作。
当该元素出现在视图中时，stalker 会自动执行我们传递的回调函数。
高级用法
监听多个元素
我们可以传入一个 Node List 或者 Array，来监测多个元素出现在视图。
----- --- - ----------------------------------------- ------------ -- -- - --------------- ----- --- -- --- -------- -- --- -- ------- --
监听滚动容器
默认情况下，stalker 只会监听窗口的滚动。但是，我们也可以传递一个滚动容器，来监测元素在其中何时出现在视图中。
----- --------- - --------------------------------------- ----- -- - ------------------------------------- ----------- - --------- -- -- -- - ---------------- ------- -- --- -- ---- ------ --- ------------ --
取消监听
我们也可以随时取消对某个元素的监听。我们只需要调用返回的函数，即可取消监听。
----- -- - ------------------------------------- ----- -------- - ----------- -- -- - ---------------- ------- -- --- -- ------- -- -- ---- ----------
总结
Stalker 是一个非常实用的 NPM 包，可以让我们轻松地监听 DOM 元素何时出现在视图中。通过本篇文章的介绍，希望你对 Stalker 的使用有了更深入的了解，也能在自己的项目中更好地使用该工具。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/76832