基于HTML5新特性Mutation Observer实现编辑器的撤销和回退操作

MutationObserver介绍

MutationObserver给开发者们提供了一种能在某个范围内的DOM树发生变化时作出适当反应的能力.该API设计用来替换掉在DOM3事件规范中引入的Mutation事件.

Mutation Observer（变动观察器）是监视DOM变动的接口。当DOM对象树发生任何变动时，Mutation Observer会得到通知。

Mutation Observer有以下特点：

 •它等待所有脚本任务完成后，才会运行，即采用异步方式
 •它把DOM变动记录封装成一个数组进行处理，而不是一条条地个别处理DOM变动。
 •它即可以观察发生在DOM节点的所有变动，也可以观察某一类变动

MDN的资料： MutationObserver

MutationObserver是一个构造函数， 所以创建的时候要通过 new MutationObserver;

实例化MutationObserver的时候需要一个回调函数，该回调函数会在指定的DOM节点(目标节点)发生变化时被调用，

在调用时，观察者对象会 传给该函数 两个参数：

　　　　1：第一个参数是个包含了若干个MutationRecord对象的数组；

　　　　2：第二个参数则是这个观察者对象本身.

比如这样:

发表评论 共有条评论 用户名: 密码: 验证码: 匿名发表