Remove all event handlers from an html5 Canvas

Question

I am Building an HTML5 canvas javascript application. In that i am using many 'mousemouse','mousedown' event handlers each on different times. Can i remove all event handlers attached to the canvas only specifying the event 'mousemove' (with out specifying its call back function).

something like [`.on()/.off()`](http://api.jquery.com/off/) ? — Spokey, Oct 09 '13 at 14:57
Maybe this helps: http://stackoverflow.com/questions/2518421/jquery-find-events-handlers-registered-with-an-object — Tomasz Kapłoński, Oct 09 '13 at 14:58

super · Answer 1 · 2013-10-09T15:05:12.017

2

You would use the unbind() to remove an event like this:

$("selector").unbind("click");

Another method is off()

$( "p" ).off( "click", "**" );

This will remove all delegated click handlers from all paragraphs:

edited Oct 09 '13 at 15:05

answered Oct 09 '13 at 14:58

super

2,288
2
21
23

score 1 · Accepted Answer · answered Oct 09 '13 at 15:00

1

Use jQuery.unbind() or jQuery.off()

answered Oct 09 '13 at 15:00

Alex Art.

8,711
3
29
47

Tyler · Answer 3 · 2013-10-09T17:12:17.450

1

Pure Javascript:

var canvas = ...;
canvas.removeEventListener('eventIDontWantAnymore', arguments.callee, false);

JSFiddle

edited Oct 09 '13 at 17:12

answered Oct 09 '13 at 15:08

Tyler

17,669
10
51
89

I think he wants to remove all events without specifying its names – Renan Cunha Nov 28 '20 at 13:03

Remove all event handlers from an html5 Canvas

3 Answers3