如何删除使用纯JS在jQuery中设置的事件侦听器？

Question

I have a situation where a click eventlistener is being set on on a dynamic element using jQuery's .on:

$('body').on('click', '#email-me', function() {
    call my code....
});

and later on in the page, I have to remove this listener - but - and here's the catch - I DON'T have access to jQuery anymore (long story), which means pure js...

so, I can't use unBind() , and even if i name my anonymous function up there, it still won't remove the event listener.

How do I remove the bind, so this element isn't clickable anymore?

Thanks for reading!

Answer 1

You can't. jQuery events are handled differently than normal javascript events.

When you add an event to an element with jQuery, these steps are followed:

1. If the element hasn't been initialized with an internal (internal to jquery) datacache, it gets initialized with a datacache, then the datacache is returned.
2. If this is the first event handler added for that event type, a special event is added to the element for that event type that executes jQuery.event.dispatch .
3. Finally, the handler(s) that you passed in are added to the datacache.

Therefore, the only way for you to remove this event is to get ahold of the special event handler that jQuery bound that triggers jQuery.event.dispatch , but since you don't have access to jQuery, there's no way you will get that event handler. (even with access to jQuery, I don't think you can get that handler.)

You need to instead find a way to retain access to jQuery, or don't use it at all.