Javascript textNode addEventListener

为什么我不能将事件侦听器添加到文本节点本身而不是p元素

<p>childNode</p>
...
p.childNodes[0].addEventListener('click',function(){alert('ok')},false)

childNode

...
p、 childNodes[0]。addEventListener（'click'，function（）{alert（'ok'）}，false）

---

当我点击childNode时，chrome中什么也没有发生，文本节点只是普通的“节点”实例，根据DOM规范，它们不能有事件监听器。这不是违反自然规律的事情，但这不是DOM的工作方式。

2021年4月更新

诸如

DOMCharacterDataModified

之类的DOM突变事件现在已被弃用，应该改用

原始答案

---

文本节点不会触发大多数事件：从历史上看，元素有责任在HTMLDOM中触发事件。但是，文本节点会触发一些事件（除了在IE中，我目前使用的是MutationObserver，但正常事件似乎生成了更干净的代码。它是不推荐使用的还是我仍然可以使用DOMCharacterDataModified？@EduardoPoço:DOM突变事件，例如

DOMCharacterDataModified

，都不推荐使用，所以你应该继续使用

MutationObserver

s。我会更新我的答案。

<div contenteditable="true" id="div">A text node, edit me</div>

var textNode = document.getElementById("div").firstChild;

textNode.addEventListener("DOMCharacterDataModified", function(evt) {
    alert("Text changed from '" + evt.prevValue + "' to '" + evt.newValue + "'");
}, false);