EventListener 不适用于克隆 [重复]

Posted 2023-02-16

【中文标题】EventListener 不适用于克隆 [重复]

【英文标题】：EventListener will not work on clones [duplicate]

【发布时间】：2015-11-26 15:55:30

【问题描述】：

http://jsfiddle.net/1wqdmo4o/

var whichSelected = document.querySelectorAll(".selected");

for(var i = 0; i < whichSelected.length; i++) 

    var clone = whichSelected[i].cloneNode(false);
    clone.addEventListener("click", function() createOutline(clone));
    document.body.appendChild(clone);

我不知道为什么事件监听器不能在克隆上工作。任何想法表示赞赏！

【问题讨论】：

if(selected) 中的selected 是什么？您没有关闭您的 for-loop 和 if

但是我添加了一个新的事件监听器。

@DanielAbella 所以你是，我很抱歉我错过了。

@DanielAbella 您能否创建一个 short 示例来重现您的问题，并定义“将不起作用”。

您设置了 zIndex = -1，因此您的克隆位于身体下方。你不能点击它。

【参考方案1】：

您将复制节点的z-index 设置为-1，所以点击时，您点击body。

另外，id 与复制的节点相同，您可能需要更改它。

【讨论】：

谢谢！非常感谢，你是传奇！

@DanielAbella 如果有效，请接受答案..

Roman Granovsky 几乎在同一时间得出了同样的结论，在他的评论中给他一些信任:)