Отслеживать все пользовательские события в глобальной переменной

Question

У меня есть глобальная переменная, назовем ее jsEvents, которая служит диспетчером для всех событий в проекте. Есть около 200 слушателей и примерно такое же количество пользовательских событий, таких как

$(jsEvents).on('customEvent', function(){ 
//doing something 
}) 

Теперь я хочу, чтобы выяснить, что именно происходит между одним событием и другим событием. Поэтому я хочу регистрировать каждое событие в момент его возникновения, поэтому я могу проверить правильность последовательности.

Один из способов - написать console.log в каждом прослушивании событий, но возможно ли прослушать any событие? И введите его имя?

Что-то вроде

$(jsEvents).on('*', function(){ 
//here I want to console.log event's name 
}) 

Answer 1

Для отладки вы можете переопределить отправку объекта события jQuery. Нечто подобное, например:

var temp = $.event.dispatch; 

$.event.dispatch = function(event){ 
    // the event that is passed is the native event, if you want the jquery 
    // event, you need the fixed event. 
    console.log(jQuery.event.fix(event)); 
    temp.call(this, event); 
} 

https://jsfiddle.net/8a530fjx/

Answer 2

Я думаю, что это может быть сделано путем добавления дополнительных данных в пользовательском событии и извлечения же в слушателе

var event = new CustomEvent('build', { 'detail': elem.dataset.time }); 
    function eventHandler(e) { 
    console.log('The time is: ' + e.detail); 
    } 

CustomEvent интерфейс может быть использован для установки деталей, которые вы можете извлекать в слушателе. Для более подробной информации, пожалуйста, обратитесь к CustomEvent Interface

Eidt: К сожалению, это требует, чтобы обеспечить детали в CustomEvent, в то время как при добавлении детали можно избежать с помощью console.log("Custom event is " event.type);

var event = new CustomEvent('build'); 
function eventHandler() { 
console.log('The event is: ' + event.type); 
} 
document.addEventListener('build',eventHandler,true); 
document.dispatchEvent(event); 

Answer 3

вам нужно изменить свой диспетчер событий. идея заключается в том, что после того, как вы закончили с отправкой события, вы обычно отправляете другое событие с именем, скажем *, а в данных события передается фактическое имя события, для которого оно было вызвано. чем при одном прослушивателе, зарегистрированном для * события, может помочь вам без изменения всех существующих слушателей.

Answer 4

Я думаю, что вам нужно, это способ получить все события связаны с одним элементом:

function getAllEvents(element) { 
    var result = []; 
    var events = $._data(element[0], "events"); 
    for(e in events){ 
     result.push(e); 
    } 
    return result.join(' '); 
} 

затем использовать его для создания отладчика слушателя:

//listener 
$('#testElem').on(allEvents, function(e){ 
    console.log('the event is :', e); 
}); 

Demo: https://jsfiddle.net/qhwfzxzb/