Removing listeners in JavaScript

Question

I am writing a simple interactive widget that will eventually end up in an ibook.

It's a game where you drag and drop an item into the correct place, essentially matching animal sounds to the animals that make them.

I add my listeners in the HTML, like this for the target:

<div class="target_box_zebra"
     ondrop="drop(event,'zebra')"
     ondragexit="dragLeave(event,'zebra')"
     id="zebra_target"
     ondragenter="drag_enter(event,'zebra')"
     ondragover="allowDrop(event,'zebra_target')"
     ondragleave="drag_leave(event,'zebra')">
</div>

Once the correct target has been found (simple if statement) I want to remove all the listeners so that it is just an the plane div with its default background image.

I tried unbind but it didn't work. Any suggestions or guidance would be super.

In this case, don't use inline event handlers, use advanced event handlers: quirksmode.org/js/events_advanced.html. — Felix Kling
– Felix Kling, Commented Feb 26, 2013 at 12:39

Konstantin Krass · Accepted Answer · 2013-02-26 12:40:29Z

1

Unbind only works, if you don't use inline handlers.

Check out https://developer.mozilla.org/en-US/docs/DOM/element.addEventListener.

answered Feb 26, 2013 at 12:40

Konstantin Krass

8,6461 gold badge20 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

jennie Over a year ago

Thank you. funnily enough this does seem to work, document.getElementById(thisTarget).ondragleave =false; document.getElementById(thisTarget).ondragexit =false; document.getElementById(thisTarget).ondragenter =false; document.getElementById(thisTarget).ondrop =false; document.getElementById(thisTarget).ondragover =false; which is messy but handy to know when mocking up something fast. I

Collectives™ on Stack Overflow

Removing listeners in JavaScript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related