JSFiddle - React, Tailwind, and code Playground

HTML

<button id="test">test</button>

JavaScript

$('#test').click(function(){
    console.log("click");
});

$(document).on('mousedown', 'button', function(){
    console.log("delegated mousedown event to document level");
});

$.fn.reverse = [].reverse;
var $elem = $('#test');
var $parents = $elem.add($elem.parents().add(document).reverse());


$.each($parents, function (i, _elem) {
    var events = $._data(_elem, "events");
    if (events) {
        $.each(events, function (type, definition) {
            $.each(definition, function (index, event) {
                if (_elem != $elem[0] && !$elem.is(event.selector)) return;
                console.log(type, _elem, event.selector);
                
            })
        })
    }
});