Hay 24 objetos div esperando / escuchando un clic del mouse. Después de hacer clic en un objeto div, quiero eliminar elEventListener de los 24 objetos div.

for (var i=1;i<=24;i++){
    document.getElementById('div'+i).addEventListener('click',function(event){
        for (var z=1;z<=24;z++){
            document.getElementById('div'+z).removeEventListener()//Problem lies here
        }

        //Some other code to be run after mouseclick

        },false);

}

El problema es que elremoveEventListener está anidado enaddEventListener y necesito definir tipo, escucha, subtítulo como atributos para elremoveEventListener método. Y creo que es imposible definir al oyente debido a la anidación.

También intenté definir el nombre de una función, pero no funcionó:

for (var i=1;i<=24;i++){
    document.getElementById('div'+i).addEventListener('click',function helpme(event){
        for (var z=1;z<=24;z++){
            document.getElementById('div'+z).removeEventListener('click',helpme,false);
        }

        //Some other code to be run after mouseclick

        },false);

}