Как добавить слушатели к nodeclone?

Question

[Юрий Иванов]

Есть секция, на секцию добавлены различные слушатели
По клику я удаляю секцию section.remove()
Потом по-другому клику я хочу её создавать заново, делаю const a = section.cloneNode(true);
hero.prepend(a);
все работает замечательно, но на клоне не работают слушатели, как это поправить
Помогите пожалуйста)

Comments

[Сергей Сергей]

Для а нужно повторить назначение обработчиков section. Но почему нельзя вставить section перед hero вместо а?

Answer 1

[Александр]

Cloning a node copies all of its attributes and their values, including intrinsic (inline) listeners. It does not copy event listeners added using addEventListener() or those assigned to element properties (e.g., node.onclick = someFunction). Additionally, for a element, the painted image is not copied.

Вариант 1 - Добавить все слушатели вручную.
Вариант 2 - Использовать делегирование событий.

Comments

[Юрий Иванов]

А каким образом можно добавить все слушатели вручную, у меня есть такая конструкция, я даже ума не приложу куда тут можно добавить слушатели
gameClose.addEventListener('click', createGame);
function createGame() {
hero.prepend(gamefield);
}

[Александр]

Юрий Иванов,

window.addEventListener('click', (event) => {
    if (event.target.closest('GAME_CLOSE_BUTTON_SELECTOR')) {
        createGame();
    }
});