javascript - Does the jQuery .unbind() method only work on jQuery created events? - Stack Overflow

admin管理员组

文章数量:1314571

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!

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!

• javascript
• jquery
• jquery-events

Share Improve this question Follow edited Dec 21, 2022 at 8:38 Brian Tompsett - 汤莱恩 5,8937272 gold badges6161 silver badges133133 bronze badges asked Jun 1, 2010 at 19:25 7wp7wp 12.7k2020 gold badges7979 silver badges107107 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 7

You are right. As in the API:

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

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.

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.

本文标签： javascriptDoes the jQuery unbind() method only work on jQuery created eventsStack Overflow