Obtenha ouvintes de eventos anexados ao nó usando addEventListener

Já olhei para estas questões:

• Como encontrar ouvintes de eventos em um nó DOM durante a depuração ou a partir do código JavaScript?
• posso examinar e modificar programaticamente os manipuladores de eventos Javascript em elementos html?
• Como depurar ligações de eventos JavaScript / jQuery com Firebug (ou ferramenta semelhante)

entretanto, nenhum deles responde como obter uma lista de ouvintes de evento anexados a um nó usando addEventListener, sem modificar o addEventListenerprotótipo antes que os ouvintes de evento sejam criados.

VisualEvent não exibe todos os ouvintes de eventos (específicos do iphone) e eu quero fazer isso (um pouco) programaticamente.

Chrome DevTools, Safari Inspector e Firebug são compatíveis com getEventListeners (nó) .

Você não pode.

A única maneira de obter uma lista de todos os ouvintes de eventos anexados a um nó é interceptar a chamada de anexo do ouvinte.

DOM4 addEventListener

Diz

Anexar um ouvinte de evento à lista associada de ouvintes de evento com tipo definido para tipo, ouvinte definido para ouvinte e captura definida para capturar, a menos que já haja um ouvinte de evento nessa lista com o mesmo tipo, ouvinte e captura.

O que significa que um ouvinte de evento é adicionado à "lista de ouvintes de evento". Isso é tudo. Não há noção do que esta lista deve ser nem como você deve acessá-la.

Como não há uma maneira nativa de fazer isso, aqui está uma solução menos intrusiva que encontrei (não adicione nenhum método de protótipo 'antigo'):

var ListenerTracker=new function(){
    var is_active=false;
    // listener tracking datas
    var _elements_  =[];
    var _listeners_ =[];
    this.init=function(){
        if(!is_active){//avoid duplicate call
            intercep_events_listeners();
        }
        is_active=true;
    };
    // register individual element an returns its corresponding listeners
    var register_element=function(element){
        if(_elements_.indexOf(element)==-1){
            // NB : split by useCapture to make listener easier to find when removing
            var elt_listeners=[{/*useCapture=false*/},{/*useCapture=true*/}];
            _elements_.push(element);
            _listeners_.push(elt_listeners);
        }
        return _listeners_[_elements_.indexOf(element)];
    };
    var intercep_events_listeners = function(){
        // backup overrided methods
        var _super_={
            "addEventListener"      : HTMLElement.prototype.addEventListener,
            "removeEventListener"   : HTMLElement.prototype.removeEventListener
        };

        Element.prototype["addEventListener"]=function(type, listener, useCapture){
            var listeners=register_element(this);
            // add event before to avoid registering if an error is thrown
            _super_["addEventListener"].apply(this,arguments);
            // adapt to 'elt_listeners' index
            useCapture=useCapture?1:0;

            if(!listeners[useCapture][type])listeners[useCapture][type]=[];
            listeners[useCapture][type].push(listener);
        };
        Element.prototype["removeEventListener"]=function(type, listener, useCapture){
            var listeners=register_element(this);
            // add event before to avoid registering if an error is thrown
            _super_["removeEventListener"].apply(this,arguments);
            // adapt to 'elt_listeners' index
            useCapture=useCapture?1:0;
            if(!listeners[useCapture][type])return;
            var lid = listeners[useCapture][type].indexOf(listener);
            if(lid>-1)listeners[useCapture][type].splice(lid,1);
        };
        Element.prototype["getEventListeners"]=function(type){
            var listeners=register_element(this);
            // convert to listener datas list
            var result=[];
            for(var useCapture=0,list;list=listeners[useCapture];useCapture++){
                if(typeof(type)=="string"){// filtered by type
                    if(list[type]){
                        for(var id in list[type]){
                            result.push({"type":type,"listener":list[type][id],"useCapture":!!useCapture});
                        }
                    }
                }else{// all
                    for(var _type in list){
                        for(var id in list[_type]){
                            result.push({"type":_type,"listener":list[_type][id],"useCapture":!!useCapture});
                        }
                    }
                }
            }
            return result;
        };
    };
}();
ListenerTracker.init();

Você pode obter todos os eventos jQuery usando $ ._ data ($ ('[selector]') [0], 'events'); mude [seletor] para o que você precisa.

Existe um plugin que reúne todos os eventos anexados por jQuery chamado eventsReport.

Também escrevo meu próprio plugin que faz isso com melhor formatação.

Mas de qualquer forma, parece que não podemos reunir eventos adicionados pelo método addEventListener. Pode ser que possamos encapsular a chamada addEventListener para armazenar eventos adicionados após nossa chamada.

Parece a melhor maneira de ver eventos adicionados a um elemento com ferramentas de desenvolvimento.

Mas você não verá eventos delegados lá. Então, precisamos do jQuery eventsReport.

ATUALIZAÇÃO: AGORA PODEMOS ver os eventos adicionados pelo método addEventListener VER A RESPOSTA CORRETA PARA ESTA PERGUNTA.

Não consigo encontrar uma maneira de fazer isso com o código, mas no estoque do Firefox 64, os eventos são listados ao lado de cada entidade HTML no Inspetor de Ferramentas do Desenvolvedor, conforme observado na página Examinar Ouvintes de Eventos do MDN e conforme demonstrado nesta imagem: