--- title: Mutation events slug: orphaned/Web/Guide/Events/Mutation_events translation_of: Web/Guide/Events/Mutation_events original_slug: Web/Guide/Events/Mutation_events ---

{{deprecated_header()}}

Mutation 事件 为web页面提供一种机制或扩展，以便在DOM被改变时获得通知。如果可能请用Mutation Observers代替。

前言

这个 mutation 事件在DOM Events 标准 中已被列为反对使用 , 因为在API的设计中有缺陷 (详情见发表于 public-webapps 的"DOM Mutation Events Replacement: The Story So Far / Existing Points of Consensus" ). 

Mutation Observers 在DOM4中被提议用来取代mutation事件. 预计它们被列入 in Firefox 14 and Chrome 18中。

避免用mutation事件的实际原因是性能问题和跨浏览器支持。

性能

为DOM添加 mutation 监听器极度降低进一步修改DOM文档的性能（慢1.5 - 7倍），此外, 移除监听器不会逆转的损害。

性能好坏 限制了文档拥有mutation事件监听.

跨浏览器支持

这些事件在不同的浏览器实现并不一致, 例如:

Dottoro documents browser support for mutation events.

Mutation 事件列表

下面是所有 mutation 事件列表, DOM Level 3 Events specification 中定义的:

使用

你可以如下所示使用element.addEventListener 注册一个mutation 事件监听器:

element.addEventListener("DOMNodeInserted", function (ev) {
  // ...
}, false);

事件对象在 {{ domxref("MutationEvent") }}传递给监听器 (见 its definition in the specification) 对于大多数的事件, 和 {{ domxref("MutationNameEvent") }} 用于 DOMAttributeNameChanged and DOMElementNameChanged.