span 元素不触发 change 事件，需改用 DOMSubtreeModified（兼容性方案）或更现代的 MutationObserver 来可靠监听其文本变化。

`span` 元素不触发 `change` 事件，需改用 `domsubtreemodified`（兼容性方案）或更现代的 `mutationobserver` 来可靠监听其文本变化。

在 Web 开发中，`` 是一个不可聚焦、不可编辑的内联容器，默认**不支持 `change` 事件**——该事件仅适用于表单控件（如 ``、``、``）。因此，直接绑定 `$('.spn').on('change', ...)` 不会响应 `.text()` 调用引发的 DOM 内容更新。 <h3>✅ 推荐方案：使用 <code>MutationObserver</code>（现代、高效、标准）</h3> <p><code>DOMSubtreeModified</code> 虽能工作，但属于已废弃的 Mutation Events，存在性能问题且在部分新版浏览器中被移除（如 Chrome 120+ 已禁用）。<strong>强烈建议改用 <code>MutationObserver</code></strong>：</p> <pre class="brush:php;toolbar:false;"><span class="spn">Span</span> <button onclick="changespan()">click</button> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script><script> // 创建并启动观察器（推荐一次性初始化，而非每次点击都重绑） const observer = new MutationObserver((mutations) => { mutations.forEach(mutation => { if (mutation.type === 'childList' && mutation.target.classList.contains('spn')) { console.log('Detect span text change:', mutation.target.textContent); alert('Span text changed!'); } }); }); // 观察 .spn 元素的子节点变化（含文本节点增删/修改） observer.observe(document.querySelector('.spn'), { childList: true, subtree: true, // 确保捕获文本节点变更 characterData: false // 若需监听纯文本节点内容变化，可设为 true 并启用 characterDataOldValue }); function changespan() { $('.spn').text("Span text changed."); } </script></pre> <h3>⚠️ 注意事项</h3> <ul> <li> <strong>不要在 <code>changespan()</code> 中反复调用 <code>eventp()</code></strong>：原代码中每次点击都重新绑定事件监听器，会导致重复触发（如点 3 次 → 弹 3 个 alert）。应将监听逻辑初始化一次。</li> <li> <code>DOMSubtreeModified</code> 已被弃用，<strong>不推荐用于新项目</strong>；若需兼容极老浏览器（IE9+），可作为降级方案，但务必添加防抖与清理逻辑。</li> <li> <code>MutationObserver</code> 默认不监听文本节点内容变更（如 <code>textContent</code> 修改），需显式设置 <code>characterData: true</code> 并观察文本节点——但对 <code>.text()</code> 操作，<code>childList</code> + <code>subtree</code> 已足够，因其本质是移除旧文本节点、插入新文本节点。</li> </ul> <h3>✅ 总结</h3> <p>监听 <code>span</code> 文本变化的正确姿势是：<strong>使用 <code>MutationObserver</code> 监听 <code>childList</code> 变更</strong>，避免废弃 API 和事件重复绑定。这既是 W3C 标准方案，也具备良好性能与跨浏览器兼容性（支持 IE11+，现代浏览器全覆盖）。</p>