删除除一个元素外的所有事件

Question

How may I remove all the events attached to a DOM element except one using jquery?

For example, I have a drop down <select> and it has various events attached to it (say click, double click, change etc). What I want to achieve is to just have change event applied to it and remove all the other events. How may I achieve this?

PS I don't know about the events attached to the element

Answer 1

$( "#foo").unbind( "click" );

Fill in the rest. http://api.jquery.com/unbind/

Answer 2

$( "#foo").off();

Will remove all events attached to foo element

You can also do:

 $( "#foo").off("click dblclick");

you can then attach on foo element only onchange event

$("#foo").on("change",function(){
   //Do stuff here
})

Answer 3

May be you can use something like:

$.(selector).on('*',function(e)
{
 if(e.which='value_for_your_event_eg._14_for_tab')
 return true;
 else
 return false;
})

I don't know, I'm not an expert, but I guess this would work.

Answer 4

$._data(elem,'events') is not a method publicly supported:

DEMO

$.each($._data($('select').get(0),'events'),function(k){
    if(k !== "change")
        delete $._data($('select').get(0),'events')[k];
});