Übergeben von Daten an eine jQuery event-handler

Szenario

In einer GUI, ein Benutzer fügt text in ein Texteingabefeld und anschließend auf eine Schaltfläche klickt: eingefügte text erscheint in einem div.

Fand ich dann eine trivial-Lösung (demo hier), dass ist die Einstellung der Ausgabe von text innerhalb der handler-Zugriff auf das input-element-Objekt. Es saugt.
Vielmehr würde ich-pass-die Eingabe von text (nicht das element) an die Prozedur übergeben.

Frage

Wie kann ich Parameter übergeben (die Eingabe-Nachricht in diesem Fall text), um die handler-Funktion?

Sie müssen Zugriff auf die input-element in gewisser Weise: Sie haben zu erhalten die Wert der Eingabe, wenn Sie auf die Schaltfläche klicken. Vermeiden Sie möglicherweise zu fest den Verweis auf den input, sondern Sie immer noch zugreifen zu können, müssen Sie es in der handler -

InformationsquelleAutor Alberto De Caro | 2012-09-21

7

Ich veränderte den code in Ihre jsFiddle. In jQuery können Sie Daten übergeben als argument den Zugriff auf event.data jQuery Referenz.
- Schön, ich wusste es nicht.
- es funktioniert nicht, wenn Sie ändern Sie den Eingangswert.
- Ich glaube, er ist nicht gefragt für, die.
- für die, die Ihren code am besten. oder übergeben Sie die Referenz der Eingabefelder modiefied jsfiddle jsfiddle.net/aNDgC/7
- In einer GUI-Benutzer fügt etwas text..." Also ich nehme an, die Eingabe ist nicht pre-gefüllt mit einem Wert...
- Ich machte den bestimmten änderungen.
- jetzt funktioniert es zwar, aber auf diese Weise wird die handler-Funktion muss den stil Zugriff auf die input-element-Objekt. Also ich würde gerne verstehen, aus der OP, wenn diese Antwort berechtigt ist oder nicht
- Ich bekomme Sie jetzt. Statt der übergabe des $('#txtMessage').val, das element selbst wird an den handler. Wenn der handler den Zugriff auf die Ereignisdaten, die aktuellen input-Wert wird aufgerufen und angezeigt.
- Die event-Daten soll eine Karte. Vorbei an ein jQuery-Objekt direkt, könnte unbeabsichtigte Folgen haben.
InformationsquelleAutor Anoop
3
```
/*
 * I would not to referer UI elements here
 * Rather I would pass the $('#txtMessage').val() to the handler
 */
```
Unmöglich ist.

Wenn Sie wollen, um den aktuellen Wert des input-Elements dann haben Zugriff auf das UI-element selbst.

Wenn Ihr die Absicht habt zu entkoppeln, den event-handler aus, zu wissen, welche bestimmten element zugegriffen werden soll, das ist leicht getan, indem Sie mit Hilfe von event-Daten, um es zu übergeben an die Prozedur übergeben, z.B.:
```
$(sel).on('click', {
   source: document.getElementById('txtMessage')
}, handler);
```
und die in der callback -:
```
function handler(event) {
    var txt = event.data.source.value;
    ...
}
```
Beachten Sie, dass das jQuery-event-Daten soll eine Karte von key: value Paare wie oben gezeigt. Die übergabe in ein jQuery-Objekt direkt wie gezeigt in die akzeptierte Antwort könnte leicht brechen.
- Danke für deine Antwort. Ja, es ist meine Absicht, entkoppeln die event-handler aus dem source-element. +1.
InformationsquelleAutor Alnitak
0

Überprüfen diese - http://api.jquery.com/event.data/

Ihre JS wäre in etwa so (ungetestet):
```
$('#myButton').on("click", {val: $('#txtMessage').val()}, function(event){
    $('#divOutput').html(event.data.val);
});
```
- Nein, es ist genau die gleiche Lösung vorgeschlagen, die von Shusl hier.
InformationsquelleAutor bhb
0

Dadurch erhalten Sie den aktuellen Wert des input-Elements. Es ist im Grunde immer noch greift auf die input-element, aber es gibt keinen Weg, um zu vermeiden, dass, wenn Sie erwerben möchten, die den aktuellen Wert
```
$('#myButton').on("click", {val: function (){ return $('#txtMessage').val()}}, function(event){
    $('#divOutput').html(event.data.val());
});
```
InformationsquelleAutor Rune FS

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.