注意DOM元素的创建和删除
Posted
tags:
中文标题:注意DOM元素的创建和删除 原文标题:Watch for DOM elements creation and removal 项目评级:Star:836 Fork:100 下载地址:https://github.com/uzairfarooq/arrive 详情介绍抵达.js
arrive.js提供了用于监视DOM元素创建和删除的事件。它在内部使用突变观测器。
下载arrive.min.js(最新版本)
或使用Bower安装:
节点.js/NPM
Node.js用户可以使用npm进行安装:
用法
该库不依赖于jQuery,您可以用纯javascript元素替换下面示例中的jQuery元素,它会很好地工作。
注意元素的创建
使用arrive
事件观看元素创建:
在纯javascript中,您可以调用document
、window
、任何HTMLElement
或NodeList
上的函数,如下所示:
请确保在不再需要侦听器时删除它们,这样会更好地提高性能:
选项
从v2.0arrive
开始,事件接受一个可选的options
对象作为第二个参数。Options对象由以下部分组成:
例子:
注意元素的移除
使用leave
事件来观察元素的移除。
第一个离开的珠状体不能是后代或子选择器,即不能通过.page .test-elem
,而是通过.test-elem
。这是因为MutationObserver的api存在限制。
您可以使用unbindLeave
功能,以与arrive
事件相同的方式解除leave
事件的绑定,即:
浏览器支持
arrive.js是在DOM4中引入的突变观测器之上构建的。所有流行浏览器的最新版本都支持它。
<表格>
浏览器 支持的版本
表格>
贡献
报告错误/请求功能
如果您想报告错误或请求功能,请使用“问题”部分。在创建新问题之前,请搜索现有问题,以确保您没有创建重复问题。当报告错误时,一定要包括操作系统/浏览器版本和重现错误的步骤/代码,JSFiddle会很好。
发展
如果您想捐款到达,以下是您应该使用的工作流程:
您可以发送拉取请求的一些功能/错误
关键词
javascript,js,jquery,node.js,watch,listen,创建,动态,移除,new,元素,DOM,动态,检测,插入,事件,绑定,实时,实时查询