Introduction
在前端开发过程中，我们难免要进行事件监听，事件监听需要我们先获取到 DOM 元素，然后再通过 addEventListener 等方法来绑定事件。而有时候，我们并不需要获取到 DOM 元素本身，而只是想要监听是否存在该元素，这时候 null-register 包就能派上用场。
null-register 可以检测 DOM 中是否存在某一个元素，即使该元素在 js 动态生成，也能实现监听。接下来，我们就来详细介绍一下 null-register 包的使用教程。
Install
你可以使用下面的命令来安装 null-register 包：
- --- ------- -------------
安装完成之后你就可以开始使用 null-register 包了。
Usage
使用 null-register 包非常简单，只需要引入包，然后使用其提供的函数就可以了。
------ ------------ ---- ---------------- -- -- ------------- -- --- ------------ - --- ----------------------- - -- ---- --- ------------ --- -- ------- --- -- ---------------------------------------------------------- -- ---- --------------------------
在上面的例子中，我们创建了一个 null-register 实例，并给它传入了一个回调函数。当监听的 DOM 元素被创建时，该回调函数就会被执行。此外，我们也可以对该 DOM 元素进行取消监听。
Example
下面我们来看一个实际的例子。
---- ----------------
------ ------------ ---- ----------------
--- ------------ - --- ----------------------- -
--- ---- - --------------------------------
-------------- - ------- --------
---
-- ---------
------------------------------------------------------- -- -----
-- ----------------------
--------------------- -
--- ---- - --------------------------------
-- ------- -
--- ------- - ------------------------------
---------- - -------
-----------------------------------
-
-- ------
-- -------
--------------------- -
--------------------------
-- ------在上面的例子中，我们开始时没有创建根元素，然后通过定时器在 2 秒后才去创建它，并在 5 秒后取消监听。你可以在监听到根元素创建之前，手动删除该 div 元素，最终你会发现元素创建之后，Hello, World! 打印在了页面上。这说明了 null-register 包能够监听到元素的动态创建。
Conclusion
虽然 null-register 包并不是一个功能强大的包，但它的确可以节约我们不少时间，使得事件的监听更加便捷，同时也能够对我们的开发产生积极的帮助。欢迎读者们在实践中加深理解。如果你有任何问题或者建议，欢迎在评论区留言。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066f933d1de16d83a66bf2