Wie kann ich eine externe Funktion ausführen, wenn auf ein Element geklickt wird?

Question

Ich versuche, eine externe Funktion beim Klicken auf ein DOM-Element auszuführen, ohne es in eine andere Funktion zu integrieren.

Sagen wir, ich habe eine Funktion sayHello() genannt, wie folgt:

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

es auf Klick ausführen zu können, muss ich dies derzeit tun:

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

Hinweis ich die einzige einzuwickeln bin gezwungen Funktionsaufruf in noch einer anderen Funktion. Was ich versuche zu tun, so etwas wie diese

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

Abgesehen davon, dass einfach nicht funktioniert. Kann ich vermeiden, den einzelnen Funktionsaufruf in irgendeiner anderen Funktion zu verpacken? Danke!

.

Zusätzliche Informationen: Wie würde ich dasselbe erreichen, wenn ich Parameter an die Funktion übergeben muss?

..

Zusätzliche Informationen: Wie Chris Brandsma und Jani Hartikainen wies darauf hin, sollte man in der Lage sein, die bind-Funktion verwenden Parameter an die Funktion übergeben, ohne sie in eine andere anonyme Funktion als solche Verpackung:

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

mit sayHello() nun einen neuen Parameter, die als solche zu akzeptieren:

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

Das scheint leider nicht zu funktionieren ... Irgendwelche Ideen? Die Dokumentation zu Events/bind befindet sich here Vielen Dank!

Answer 1

Um von einer Frage aufzuheben, die Sie dort hatten.

Natürlich müssen Sie es auf diese Weise rufen arbeiten:

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

es die Art und Weise aufrufen Sie es das Verfahren tatsächlich hatte ausführt, anstatt die Methode, um die Click-Handler sendet.

Wenn Sie Daten benötigen Sie auch die Methode so nennen kann passieren:

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

Oder Sie können Daten gelangen über die bind() Funktion aus dem Elementdaten abrufen

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

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

Oder Sie können das wurde geklickt

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

Hoffnung, die hilft.

Answer 2

Sie rufen die sayHello-Funktion, können Sie es als Verweis übergeben, indem Sie die Klammer zu entfernen:

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

Edit: Wenn Sie Parameter an die sayHello-Funktion übergeben müssen, müssen Sie wickle es in eine andere Funktion. Dies definiert eine parameterlose neue Funktion, die Ihre Funktion mit den Parametern bei der Erstellung Zeit zur Verfügung gestellt nennt.

$("#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“) klicken (sayHello());

Das ruft eigentlich sayHello() bevor Sie den click Handler festlegen. Es versucht den Rückgabewert sayHello() als Callback-Funktion zu setzen!

Stattdessen versuchen:

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

Und deine Bearbeitung in Bezug auf, wenn Sie Parameter übergeben müssen Sie nur noch die Verschlusstechnik Sie bereits verwenden können, aber wenn Sie nach etwas sauberer dann Scheck suchen aus How can I pass a reference to a function, with parameters?

Answer 4

Ja, übergeben Sie sayHello() einfach den Funktionsnamen.

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

Answer 5

Welche Parameter würden Sie zum Zeitpunkt des Klicks weitergeben? Wenn Sie im Voraus wissen, was sie sind, können Sie sie festlegen, bevor der Benutzer klickt.

Sie können keine Parameter übergeben, aber Sie können durch einfaches Hinzufügen von Mitgliedern zu dem Objekt der Parameter Sache fälschen, die das Ereignis feuert, so ..

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

dann, wenn Sie dieses

Aufruf sind

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