Home/ Questions/Q 7956845
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-04T04:06:57+00:00

When placing a handler to an element via $.on() , is there any way

  • 0

When placing a handler to an element via $.on(), is there any way to find the delegated event when all you have is the target?

EX:

$('body').on('click', '#myLink', function(){ doStuff() });

…

$('#myLink').eventsFromOn();

I know this seems odd, because if the event has the delegate event data, its not really a delegated event anymore, but its worth it to ask…

Thanks!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    If you’re looking for handler data, looks like you can find it with undocumented information if you try hard enough. On the undocumented events data object, you have the keys type, handler, and — importantly — selector. So if you start with #mylink, you can look at the events data at each level in its ancestry looking for a match for your desired event where $("#mylink").is(selector) is true.

    For example, with this HTML:

    <body>
  <div id="mylink">click me</div>
</body>

    If I execute

    $("body").on("click", "#mylink", function() {
    // Anything
});

    Then do this:

    var level = $("#mylink");
while (level[0]) {
  console.dir(level.data('events'));
    level = level.parent();
}

    I get this:

    undefined
  No Properties
Object
  click: Array[1]
    0: Object
        data: undefined
        guid: 1
        handler: function () {
        namespace: ""
        origType: "click"
        quick: Array[4]
        selector: "#mylink"
        type: "click"
        __proto__: Object
        delegateCount: 1
        length: 1
        __proto__: Array[0]
        __proto__: Object
undefined
  No Properties

    As you can see, the click hander on body is there, with a selector matching the element #mylink.

    • 0