Klon element ze wszystkimi jego zdarzeniami

Question

Klonuję textarea na stronie, ale sklonowany element nie ma żadnego zdarzenia podstawowego elementu, czy istnieje sposób klonowania wszystkich zdarzeń w sklonowanym elemencie?

var dupNode = node.cloneNode(deep); 

Answer 1

Możesz użyć getEventListeners na węzłach? Nie wiesz, jak wsparcie jest obsługiwane lub czy jest obsługiwane tylko w konsoli?

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); 

Ale wydaje się, że getEventListeners naprawdę nie jest obsługiwane:

Get event listeners attached to node using addEventListener

---

Jeśli chcesz skopiować wszystkie właściwości zdarzeń na węźle jak dobrze będzie potrzebować listy wszystkich, a następnie po prostu skopiuj je:

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

Answer 2

byłem rozwiązania tego problemu ostatnio, a nawet, że jest to stary post, tylko w przypadku ktoś próbuje dowiedzieć się, dodaję moje rozwiązanie:

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

Zamiast addEventListener, wystarczy utworzyć funkcję FunctionName. Cóż, to jest bezużyteczne, jeśli rozszerzasz obiekty, które używają addEventListener