1

Antes que nada cabe aclarar que soy nuevo en el tema de la programación y claramente en JavaScript. Literalmente nuevo, llevo en esto 1 semana...

Al poner la función (quoteService) que se ejecutara a dar click, así:

document.querySelector("#wb_element_instance43 > a.wb_button").addEventListener('click', quoteService);

Funciona perfectamente, la funcion "quoteService" se ejecuta al dar click sobre "#wb_element_instance43 > a.wb_button". ¡Bien!

Pero, al querer ponerlo así ( quoteService() ) para usar un parámetro:

document.querySelector("#wb_element_instance43 > a.wb_button").addEventListener('click', quoteService());

Ejecuta la función "quoteService" automáticamente al cargar la linea... Por decir cuando carga el archivo .js, osea no solo define que "al clickear en dicho botón, ejecute dicha función" sin que directamente, ejecuta dicha función, como si toda la linea se remplazara por un simple "quoteService();"...

2
  • ¿Qué quieres decir con cargar la linea? Commented el 12 abr. 2020 a las 9:03
  • Por decir cuando carga el archivo .js, osea no solo define que "al clickear en dicho botón, ejecute dicha función" sin que directamente, ejecuta dicha función, como si toda la linea se remplazara por un simple "quoteService();"...
    – J4S3T
    Commented el 12 abr. 2020 a las 9:29

1 respuesta 1

1

Javascript al leer el código, debe recoger la referencia o nombre de la función a la que llamar cuando se ejecute el query selector. Si indicas que la función a llamar es "quoteService()" directamente esta ejecutando la función en el momento de la lectura del código.

Puedes ver un ejemplo en W3schools como se hacen las llamadas a una función en un eventlistener de javascript.

https://www.w3schools.com/js/js_htmldom_eventlistener.asp En la documentación que te he insertado tienes los parámetros disponibles para este evento. Puedes recuperar datos del evento o bien recuperar los parámetros que quieras del DOM dentro de la función.

Para pasar parámetros puedes hacer lo siguiente:

function quoteService(event){
    console.log(event);
    var example = document.getElementById("elementId");
    console.log(example);
}

document.querySelector("#element").addEventListener('click', quoteService);


document.querySelector("#element").addEventListener('click', function(event){
    //Recuperar parámetros.
    console.log(event);
    var example = document.getElementById("elementId");
    console.log(example);
});
1
  • Perfecto amigo, gracias. +1. Saque de tu código lo que me pareció conveniente para mi codigo y al final lo use así: (y anduvo perfecto 10/10) document.querySelector("#element").addEventListener('click', function(event){/**/}); Y entendí porque fallaba, y ya encontre el ejemplo de este code en w3school. ¡Very thanks good men!
    – J4S3T
    Commented el 12 abr. 2020 a las 10:21

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.