How can I delete a jQuery event handler?

Question

I have this:

function test()
{
    this.method = function ()
                {
                    $("html").mousemove(function(event) {
                        console.log('~> moved');
                    });
                }
    this.method();
}

testInstance = new test();

testInstance = null;  // delete window.testInstace;

Although I have removed references to the object by setting testInstance to null (I've also tried deleting it as a property of window), the mousemove event handler continues to operate and write to the console. If deleting the object that established the event handler doesn't remove it what then should I do to remove the event handler?

Checkout http://stackoverflow.com/questions/742623/deleting-objects-in-javascript — Yaniro, Dec 30 '11 at 21:48
possible duplicate of [Best way to remove an event handler in jQuery?](http://stackoverflow.com/questions/209029/best-way-to-remove-an-event-handler-in-jquery) — hichris123, Nov 16 '14 at 16:46

score 17 · Accepted Answer · answered Dec 30 '11 at 21:49

17

if you are using jquery 1.7

$('html').off('mousemove');

else

$('html').unbind('mousemove');

answered Dec 30 '11 at 21:49

Abbas

6,720
4
35
49

score 3 · Answer 2 · answered Dec 30 '11 at 21:50

3

Destroying the object will not have any effect on the event handler that you've added. In order to remove the event handler, you need to unbind the event.

answered Dec 30 '11 at 21:50

Jordan Ryan Moore

6,877
2
26
27

How can I delete a jQuery event handler?

2 Answers2