addEventListener 在事件侦听器中不起作用

Question

我有一个事件监听器，它监听文档加载（这是“myExtension”并且它工作正常）。而且我想在这个监听器中放入另一个监听器，但是不行。这是那个监听器：

 myExtension.$("#quicklink img").addEventListener("click", function(){ alert("It's works!"); }, false, true);

但是如果我将该监听器更改为这个监听器：

 document.addEventListener("click", function(){ alert("It's works!"); }, false, true);

它可以正常工作。

$("#quicklink img") - 它是一个包含图像的数组，页面中有一些图像（0-20 个）。

我想使用这个，只有一些页面，所以我需要 myExtension，因为我不想工作所有网站，其中具有快速链接 id 的元素中有 img。

为什么它不起作用？问题是什么？

Answer 1

我找到了我的答案

window.addEventListener("load", function() { myExtension.init(); }, false);
var myExtension = {
 $: jQuery.noConflict(true),

 init: function() {
  gBrowser.addEventListener("DOMContentLoaded", myExtension.onPageLoad, true);
 },

onPageLoad: function(aEvent) {
 [...]
 var wnd = aEvent.target.defaultView;
 wnd.document.getElementById('a1').addEventListener("click", function(){ alert("It's works!"); }, false, true);
 [...]
}

，其中“a1”是一个图像 ID

Answer 2

$("#quicklink img") - 这是一个包含图像的数组，页面中有一些图像（0-20 个）。

数组没有 addEventListener 方法。您必须对其进行循环并在每个 HTMLElementNode 上调用 addEventListener。

Answer 3

您需要在每个图像上添加侦听器

$("#quicklink img").each( function(){
  $(this).click(function(){
    alert("It's work");
  });
});