Issue #25  (removeEventListener(), Visual Tools, Utils, Perf)01/09/14

10 One-Page Bootstrap Themes from DX Themes - only $10! With this amazing deal, you'll score not 1, but 10 high-quality, professional Twitter Bootstrap themes for your website. Specifically, that includes 9 single-page HTML5 templates and 1 single-page WordPress portfolio theme. All themes are built with a responsive design layout. See the themes.

var btn = document.querySelector('button'),
    output = document.querySelector('output');

btn.addEventListener('click', doStuff, false);

btn.removeEventListener('click', doStuff, false);

function doStuff() {
  alert('button clicked');
}

btn.addEventListener('click', function () {
  alert('button clicked');
}, false);

btn.removeEventListener('click', function {
  alert('button clicked');
}, false);

• You can't use this method to do a general 'remove all listeners'; you need to have a specific event and result targeted.
• But interestingly, you can do something crazy like clone the body element, which removes all event listeners. But this might have other undesirable consquences.
• As is the case with addEventListener, no support in IE8 and below.

• removeEventListener on MDN
• Question on removing all listeners
• cloneNode on MDN

Text Editors and Visual Tools

JavaScript Utilities, Polyfills, etc.

Performance Tools

A Tweet for Thought

Suggest Your Tool / Corrections?

Poll Results

Before I Go...