llamar funcion javascript solo una vez

[pithon]

Resulta que cada vez que el usuario hace scrol llamo una funcion, pero esta funcion se llama constantemente al hacer scroll y yo solo quiero llamarla una vez pongo codigo.

Código Javascript:

window.addEventListener("scroll", function(){
    miFuncion();
}
 

la funcion simplemente lo que hace es cerrar un menu si esta abierto, el problema es ese que llamo a la funcion varias veces abriendo menu y cerrando, como podria solucionar este problema.

saludos

[lubtufano]

Se me ocurre que se puede crear un variable con valor inicial true y con un if verificar el valor de esa variable para llamar o no a la función, por último dentro de miFunción() cambiar la variable a false.

Código Javascript:

var llamarFuncion= true;
 
window.addEventListener("scroll", function() {
    if(llamarFuncion) {
        miFuncion();
    }
})
 
miFuncion() {
    llamarFuncion= false;
    ...
}
 

[PHPeros]

Debes crear una función no anónima para poder referenciarla dentro de sí misma, y de esta forma eliminar el listener asociado a tal evento:

Código Javascript:

function listener(e){
    miFuncion();
    window.removeEventListener("scroll", listener, false);
}
window.addEventListener("scroll", listener, false);
 

[pithon]

Hola, esa solucion ya me la replantee, pero lo que pasa que puse un ejemplo basico, en realidad llamo a 4 funciones, entonces tendria que añadir a todas las funciones la llamarfuncion a false, pero en principio lo tengo asi, si alguien sabe una manera mas efectiva para hacer esto si no lo dejo asi.

Gracias lubtufano

[pithon]

PHPeros, no entiendo a que te refieres exactamente.

[PHPeros]

¿Lo has probado? El ejemplo que puse simplemente elimina el evento una vez se ha ejecutado. Por lo tanto solo llega a ejecutarse una vez.

[pithon]

y luego para volver a ejecutar la funcion como seria?
saludos

[Alexis88]

Siguiendo la misma lógica:

Código Javascript:

var ejecutar = true,
    funcion1 = function(){
        /* Instrucciones */
    },
    funcion2 = function(){
        /* Instrucciones */        
    },
    funcion3 = function(){
        /* Instrucciones */
    },
    funcion4 = function(){
        /* Instrucciones */
    };
 
window.addEventListener("scroll", function(){
    if (ejecutar){
        funcion1();
        funcion2();
        funcion3();
        funcion4();
        ejecutar = false;
    }
}, false);
 

De este modo, controlas la ejecución de las cuatro funciones desde la llamada de retorno que se ejecuta al producirse el scroll.

Un saludo