How to unbind event handlers that were bound via jQuery without using jQuery

Question

Say I have the following jQuery:

$('#myelement').bind('click', foo);

How can I unbind this event without using jQuery?

The event doesn't show up in any of these methods on a DOM element:

var domElement = document.getElementById('myelement');
domElement.onclick // == null
domElement.click // == undefined

So how can I unbind it without using jQuery such as the following?

$('#myelement').unbind()

Purely out of curiosity, why do you want to do that?

Ender
– Ender

2010-10-09 22:03:00 +00:00
Commented Oct 9, 2010 at 22:03 — Ender
– Ender, Commented Oct 9, 2010 at 22:03

Nick Craver · Accepted Answer · 2010-10-09 21:58:00Z

2

If you're using a recent version of jQuery, this will work:

delete $.cache[document.getElementById("myelement")[$.expando]].events.click;

You can test it here.

Note that it's not a complete cleanup, you can use jQuery's .removeEvent() implementation for that, if you want to clear all handlers.

answered Oct 9, 2010 at 21:58

Nick Craver

631k138 gold badges1.3k silver badges1.2k bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

Alec Over a year ago

Imagine a world without jQuery... :)

Senseful Over a year ago

This works. Isn't it better to use the jQuery variable instead of $ though? Also, isn't there a way to disable jQuery's hook into the events of an element?

Nick Craver Over a year ago

@Senseful - Either variable works, I used $ for brevity, use jQuery to be safe :) For the second question...I'm not sure what you're asking, you want to prevent it binding in the first place?

Pointy Over a year ago

Note that this approach is using jQuery. If you're going to "use" jQuery anyway, why not just unbind the handler with the direct API? It's just going to do what this suggests anyway.

Nick Craver Over a year ago

@Pointy - There's no way to not use the actual jQuery object, since the handlers themselves are stored in jQuery.cache, if jQuery isn't there, you don't need this code at all...since nothing was bound. However, it is a valid point that if jQuery is present, why not just use .unbind()?

|

Collectives™ on Stack Overflow

How to unbind event handlers that were bound via jQuery without using jQuery

1 Answer 1

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related