Skip to content

Instantly share code, notes, and snippets.

@dciccale

dciccale/README.md

Last active December 17, 2015 00:29
Show Gist options
  • Save dciccale/5521707 to your computer and use it in GitHub Desktop.
Save dciccale/5521707 to your computer and use it in GitHub Desktop.
Download ZIP
Cross-browser removeEvent function done with 84 bytes of JavaScript
Raw
README.md

removeEvent

Cross-browser function to remove events from DOM elements.

Raw
demo.html
<!doctype html>
<title>Demo</title>
<span id="btn">Button</span>
<script>
// use addEvent cross-browser shim: https://gist.github.com/dciccale/5394590/
var addEvent = function(a,b,c){try{a.addEventListener(b,c,!1)}catch(d){a.attachEvent('on'+b,c)}};
// removeEvent
var removeEvent = function(a,b,c){try{a.removeEventListener(b,c,!1)}catch(d){a.detachEvent('on'+b,c)}};
// DOM element
var element = document.getElementById('btn');
// callback function
var callback = function () { alert('Button clicked!'); };
// alert 'Button clicked!' when clicked
addEvent(element, 'click', callback);
// remove the 'click' event
removeEvent(element, 'click', callback);
</script>
Raw
removeevent.js
/**
* @param element The element to remove the event from
* @param type Event type (i.e. 'click')
* @param callback Original function that was attached to the specified event
*/
function (element, type, callback) {
try {
element.removeEventListener(type, calback, false);
} catch (e) {
element.detachEvent('on' + type, callback);
}
};
Raw
removeevent.min.js
function(a,b,c){try{a.removeEventListener(b,c,!1)}catch(d){a.detachEvent('on'+b,c)}}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment