Как скопировать прослушиватели событий с одно элемента на другой без jquery?

Question

[tyoma_koder]

Ни cloneNode ни innerHTML не работают

Answer 1

[Сергей Соколов]

cloneNode() сработает только если слушатели прописаны прямо в атрибутах элемента <a onclick="alert('Habr')">click me</a>

Слушатели, добавленные элементу через addEventListener() скопировать можно примерно никак.

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

function myClickHandler(event) {
  // что-то сделать по поводу клика
}

element1.addEventListener('click', myClickHandler);
element2.addEventListener('click', myClickHandler);
element3.addEventListener('click', myClickHandler);

Или же слушать события выше по дереву, на общем родителе:

<div id="parent">
  <button>1</button>
  <button>2</button>
  <button>3</button>
</div>

и слушать клики на div#parent

Answer 2

[Надим]

Никак, но можно сделать такой финт ушами... поставить слушатель на новый элемент и транслировать нужные события на старый элемент при помощи dispatchEvent. Минус: каждое событие придется обрабатывать индивидуально.