Test addEventListener

test if when you give an anonymous function to event listener, it cannot be removed.

by MaxenceBrasselet

HTML

<button id="attach">addEvent</button>
<button id="detach">removeEvent</button>
<button id="element">element</button>

JavaScript

var attach = document.getElementById('attach');
var detach = document.getElementById('detach');
var element = document.getElementById('element');

var elementClicked = function() {
    alert("clicked" + this.value);
};

var test = { value: "test",
}

attach.addEventListener('click', function() {
    element.addEventListener('click', $.proxy(elementClicked, test));
});

detach.addEventListener('click', function() {
    element.removeEventListener('click', $.proxy(elementClicked, test));
});