¿Cómo puedo ejecutar una función externa cuando se hace clic en un elemento?

Question

Estoy tratando de ejecutar una función externa al hacer clic en un elemento DOM sin envolverlo en otra función.

Digamos que tiene una función llamada sayHello(), de la siguiente manera:

function sayHello(){ 
    alert("hello"); 
}; 

para ejecutarlo en el clic, actualmente tengo que hacer esto:

$("#myelement").click(function(){ 
    sayHello(); 
}); 

Aviso Me veo obligado a envolver el único llamada de función en otra función más. Lo que estoy tratando de hacer es algo como esto

$("#myelement").click(sayHello()); 

Excepto que simplemente no funciona. ¿Puedo evitar envolver la llamada de función única en otra función de alguna manera? Gracias!

.

Información adicional: ¿Cómo puedo lograr lo mismo cuando necesito pasar parámetros a la función?

..

Información adicional: Al igual que Chris Brandsma y Jani Hartikainen señalaron, uno debe ser capaz de utilizar la función se unen para pasar parámetros a la función sin envolverlo en otra función anónima como tal:

$("#myelement").bind("click", "john", sayHello); 

con sayHello() ahora aceptar un nuevo parámetro, como tal:

function sayHello(name){ 
    alert("Hello, "+name); 
} 

Esto, lamentablemente, no parece funcionar ... ¿Alguna idea? La documentación de Eventos/enlace se encuentra here ¡Gracias!

Answer 1

Para recoger de una pregunta que tenía allí.

Obviamente, es necesario llamar a esta forma de trabajar:

$("#myelement").click(sayHello); 

llamadas de la manera que lo tenía realmente ejecuta el método en lugar de enviar el método para el controlador de clic.

Si necesita pasar datos también se puede llamar al método de esta manera:

$("#myelement").click(function(){ sayHello("tom");}); 

O puede pasar datos a través de la función

function sayHello(event){ alert("Hello, "+event.data); } 

$("#myelement").bind("click", "tom", sayHello); 

bind() O bien, puede recuperar los datos desde el elemento que se hizo clic en

$("#myelement").click(function(){sayHello($(this).attr("hasData");});. 

Espero que ayude.

Answer 2

que está llamando la sayHello-función, puede pasarlo por referencia mediante la eliminación de los paréntesis:

$("#myelement").click(sayHello); 

Editar: Si necesita pasar parámetros a la sayHello-función, se necesitarán envuélvalo en otra función. Esto define una nueva función sin parámetros que llama a su función con los parámetros previstos en la creación de tiempo:.

$("#myelement").click(function() { 
    sayHello('name'); 
    // Creates an anonymous function that is called when #myelement is clicked. 
    // The anonymous function invokes the sayHello-function 
}); 

Answer 3

$ ("# MyElement") y haga clic (sayHello());

Esto realmente llama al sayHello() antes de configurar el controlador click. ¡Está intentando establecer el valor de retorno de sayHello() como la función de devolución de llamada!

su lugar, tratar:

$("#myelement").click(sayHello); 

Y con respecto a su edición, si necesita pasar parámetros sólo se puede utilizar la técnica de cierre ya está usando, pero si usted está buscando algo más limpio entonces cheque How can I pass a reference to a function, with parameters?

Answer 4

Sí, en lugar de pasar sayHello(), simplemente pase el nombre de la función.

$("#myelement").click(sayHello); 

Answer 5

¿qué parámetros estarías pasando en el momento del clic? si sabe de antemano cuáles son, puede configurarlos antes de que el usuario haga clic.

no se puede pasar parámetros, pero se puede falsificar el parámetro cosa por miembros simplemente añadiendo al objeto que está disparando el evento, por lo ..

myObject.onClick = sayHello; 
myObject.param1 = "foo"; 

entonces, cuando se está llamando a este

function sayHello(){ 
    alert(this.param1); 
}