Как удалить всех слушателей в элементе?

Я думаю, что самый быстрый способ сделать это - просто клонировать узел, который удалит все прослушиватели событий:

var old_element = document.getElementById("btn");
var new_element = old_element.cloneNode(true);
old_element.parentNode.replaceChild(new_element, old_element);

Просто будьте осторожны, так как это также очистит прослушиватели событий для всех дочерних элементов рассматриваемого узла, поэтому, если вы хотите сохранить это, вам придется прибегать к явному удалению прослушивателей по одному.

Если вы используете события jquery, это можно сделать одной строкой:

Для событий jQuery (.on()):

$("#myEl").off()

Для собственных событий JavaScript (.addEventListener()):

$('#myEl').replaceWith($('#myEl').clone());

Вот пример:

http://jsfiddle.net/LkfLezgd/3/

Вот функция, которая также основана на cloneNode, но с возможностью клонирования только родительского узла и перемещения всех дочерних узлов (чтобы сохранить их прослушиватели событий):

function recreateNode(el, withChildren) {
  if (withChildren) {
    el.parentNode.replaceChild(el.cloneNode(true), el);
  }
  else {
    var newEl = el.cloneNode(false);
    while (el.hasChildNodes()) newEl.appendChild(el.firstChild);
    el.parentNode.replaceChild(newEl, el);
  }
}

Удалить прослушиватели событий для одного элемента:

recreateNode(document.getElementById("btn"));

Удалите прослушиватели событий для элемента и всех его дочерних элементов:

recreateNode(document.getElementById("list"), true);

Если вам нужно сохранить сам объект и поэтому вы не можете использовать cloneNode, вам нужно обернуть функцию addEventListener и самостоятельно отслеживать список слушателей, как в этот ответ.