javascript - 如何向所有 IMG 标签添加EventListener

Question

我有一个 ContentEditable Div 元素(编辑器)。我想将 EventListener 添加到编辑器中的所有图像标签。我怎样才能做同样的事情。对于现有图像，我可以使用

添加

var imageNodes = document.getElementsByTagName('IMG');
        for(var i=0;i<imageNodes.length;i++) {          
            imageNodes[i].addEventListener('DOMNodeRemoved',getRemovedNodeDetails,false);
        }

对于新输入的图像我该如何做同样的事情。我可以为所有 IMG 标签添加样式，以便每当输入新图像时监听器都会添加到标签中。

Answer 1

发布此内容，不是因为wong的答案是错误的，只是有点太简短了..

// Warning: Typed on the fly

document.body.addEventListener('DOMNodeRemoved',getRemovedNodeDetails,false);

function getRemovedNodeDetails(e) {
  e = e || window.event;
  var target = e.target || e.srcElement;

  // Yea, there are times tagName returns a lowercase value.
  // I always normalize it for my own sanity.
  if (target.tagName.toUpperCase() === "IMG") {
    // Now, do something with target
  }
}

更多详情: http://www.sitepoint.com/javascript-event-delegation-is-easier-than-you-think/