JSFiddle - React, Tailwind, and code Playground
HTML
<div id="ctnr">
</div>
<button id="btn">Show listeners</button>
CSS
#ctnr {
background: #EEE;
padding: 10px;
}
#ctnr div {
background: #CCC;
border: 1px solid #BBB;
padding: 2px;
margin: 4px;
}
JavaScript
var ctnr = document.getElementById('ctnr');
function removeDiv(d, ev) {
alert('testing');
d.removeEventListener('click', ev, false);
}
function addDiv() {
var div = document.createElement('div');
div.innerHTML = 'test';
ctnr.appendChild(div);
div.addEventListener('click', (function(d) {
var myfunc;
return myfunc = function() {
removeDiv(d, myfunc);
}
})(div), false);
}
addDiv();
addDiv();
addDiv();
document.getElementById('btn').addEventListener('click', function() {
alert(listeners);
}, false);