Клонировать элемент со всеми его событиями

Question

Я клонирую текстовую область на странице, но клонированный элемент не имеет никакого события первичного элемента, есть ли способ клонировать все события в клонированном элементе?

var dupNode = node.cloneNode(deep); 

Answer 1

Возможно использование getEventListeners на узлах? Не знаете, как поддерживается поддержка, или если она поддерживается только в консоли?

function cloneMassive(node) { 
    // Clone the node, don't clone the childNodes right now... 
    var dupNode = node.cloneNode(false); 
    var events = getEventListeners(node); 

    for(var p in events) { 
     // All events is in an array so iterate that array: 
     events[p].forEach(function(ev) { 
      // {listener: Function, useCapture: Boolean} 
      dupNode.addEventListener(p, ev.listener, ev.useCapture); 
     }); 
    } 
    // Also do the same to all childNodes and append them. 
    if (node.childNodes.length) { 
     [].slice.call(node.childNodes).forEach(function(node) { 
      dupNode.appendChild(cloneMassive(node)); 
     }); 
    } 

    return dupNode; 
} 

---

var dupBody = cloneMassive(document.body); 

Но мне кажется, что getEventListeners на самом деле не поддерживаются:

Get event listeners attached to node using addEventListener

---

Если вам нужно скопировать все свойства событий на узле, а вы потребуется список всех, а затем просто скопируйте их:

['onclick', 'onmouseover', '...'].forEach(function(method) { 
    dupNode[method] = node[method]; 
}); 

Answer 2

Я решал эту проблему в последнее время, и даже, что это старый пост, на всякий случай, кто-то пытается выяснить, я добавить мое решение:

var button = document.createElement("i"); 
var click = document.createAttribute("onclick"); 
click.value = "FunctionName(this)"; 
button.attributes.setNamedItem(click); 

Вместо использования addEventListener, просто создать функцию FunctionName. Ну, это бесполезно, если вы расширяете объекты, которые используют addEventListener