Возможно ли отследить изменение Eventlistener у элемента? Или защитить EventListener от изменений?

Question

[ColdSpirit]

Есть код расширения Firefox, который выполняется на странице сразу же, как она создается:

document.addEventListener("keydown", (e)=>console.log(e), false);

Проблема такая: страница очищает все листенеры на элементах через какое-то время. Не могу понять, как это поведение обойти, не используя таймеры.

Есть ли какой-то способ защитить листенер от удаления, может скрыть как-то?
Или, как альтернативный вариант - как отследить момент, когда листенер удаляется, чтобы через некоторое время встроить его заново?

Comments

[Flying]

Как (довольно дурной) вариант можно попробовать подменить Element.prototype.addEventListener на свой, но без тщательного тестирования я бы такое в реальности делать не стал

[Interface]

Проблема такая: страница очищает все листенеры на элементах через какое-то время. Не могу понять, как это поведение обойти, не используя таймеры.

А вы уверены, что страница "очищает все листенеры"? Возможно просто рендерятся новые элементы и тогда решать задачу надо по-другому. Я пока не нашел способа (кроме переопределения addEventListener в прототипе в том или ином виде) "очистки" всех листенеров. Если вы такой знаете, не могли бы им поделиться?
Есть еще getEventListeners, но оно я так понимаю только в девтулзах доступно.

[ColdSpirit]

Спасибо, попробую с прототайпом поиграть)

А вы уверены, что страница "очищает все листенеры"?

Может быть элемент пересоздается просто, это я не проверял, но проверю. Вы это имели ввиду в фразе "рендерятся новые элементы"?

Если вы такой знаете, не могли бы им поделиться?

Я в js так себе, думал что такое есть)

Answer 1

[ColdSpirit]

В общем, как я понял, листенер удалялся так:

var oldRoot = document.documentElement;
var newRoot = oldRoot.cloneNode(true);
oldRoot.parentNode.replaceChild(newRoot, oldRoot);

При клонировании объекта, листенеры не клонирутся. Пришлось отслеживать событие элемента с помощью MutationObserver, и при удалении старого элемента с листенером навешивать листенер на новый элемент:

var oldEventListenerKeeper = document.documentElement;

var observer = new MutationObserver(function(mutations)
{
	mutations.forEach(function(mutation)
	{
		mutation.removedNodes.forEach(function(removedElement)
		{
			if (removedElement == oldEventListenerKeeper)
			{
				var newEventListenerKeeper = document.documentElement;
				newEventListenerKeeper.addEventListener("keydown", (e)=>console.log(e), false);
				oldEventListenerKeeper = newEventListenerKeeper;
			}
		});
	});
});