кнопки OnClick событие происходит только один раз нно DOM addEventListener()

Question

Я создаю динамический набор кнопок

for (var i = 0; i < clr.length; ++i) { 
    button = document.createElement("button"); 
    button.innerHTML = clr[i]; 
    button.addEventListener('click', event); 
    button.style.backgroundColor = clr[i]; 
    document.body.appendChild(button); 
} 

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

Answer 1

Вы можете удалить присоединенное событие, используя removeEventListener один раз после его выполнения. Делая это замковое событие обрабатывается только один раз, как указано ниже,

function event(e) { //e represented the current element which is clicked 
    e.target.removeEventListener(e.type, arguments.callee); 
    alert('hi'); 
} 

JSFiddle