JSFiddle - React, Tailwind, and code Playground
HTML
<button id="testElem">
Test event
</button>
JavaScript
function getAllEvents(element) {
var result = [];
var events = $._data( element[0], "events" );
for(e in events){
result.push(e);
}
return result.join(' ');
}
$('#testElem').on('testEvent1', function(){
//some code....
});
$('#testElem').on('testEvent2', function(){
//some code....
});
$('#testElem').on('click', function(){
//some code....
$(this).trigger('testEvent1');
});
$('#testElem').on('focus', function(){
//some code....
});
//get all events as string separated by space to use for the listener
var allEvents = getAllEvents($('#testElem'));
console.log(allEvents);
//listener
$('#testElem').on(allEvents, function(e){
console.log('the event is :', e);
});