CODEWITHSUNDEEP
javascriptjqueryjquery-events
7wp
7wp

Reputation: 12674

Does the jQuery .unbind() method only work on jQuery created events?

I am trying to unbind all event handlers for all elements that are inside a particular container. Like a DIV. But those events have been bound/registered not using jQuery. Some are bound the manual way with onclick="...." or using regular native JavaScript.

But when I do something like this

$('#TheDivContainer').find('div,td,tr,tbody,table').unbind();

It does not appear to work. Which leads me to believe that the .unbind() only works if the events have been originally bound by jQuery.

Is that true? Is there another way of unbinding all events from a group of elements?

Thanks!

Upvotes: 7

Views: 699

Answers (3)

Pointy
Pointy

Reputation: 413709

You could always do this:

$('#TheDivContainer').find('div,td,tr,tbody,table')
  .unbind('click')
  .attr('onclick', ''); // edited to change null to ''

etc. for all appropriate event types.

Upvotes: 3

Sean Kinsey
Sean Kinsey

Reputation: 38046

Unbind will only work on jQuery created events as all methods that does this (addEventListener, and attachEvent) requires the both the node, the eventname, and the handler as an argument. bind takes care of storing these for you..

By the way, DOM0 style event listerens (.foo = function(...) can only by removed by setting the same property to something else like null.

Upvotes: 3

Mikulas Dite
Mikulas Dite

Reputation: 7941

You are right. As in the API:

Any handler that has been attached with .bind() can be removed with .unbind().

Upvotes: 7

Related Questions