Wie übergebe ich mit jQuery Parameter an Click-Event-Handler?

Übergabe von Parametern an den Click-Event-Handler mit jQuery

Bei der Arbeit mit jQuery kann es vorkommen, dass Sie Parameter an eine Funktion innerhalb eines übergeben müssen Klicken Sie auf Ereignishandler. Dies kann besonders nützlich sein, wenn Sie die Funktion wiederverwenden und bei jedem Aufruf andere Parameter übergeben müssen.

Anfangs scheint es, dass .click() von jQuery keine Parameterübergabe zulässt, wie im folgenden Beispiel zeigt einen erfolglosen Versuch:

<code class="js">$('.leadtoscore').click(add_event('shot'));

function add_event(event) {
    // Function logic
}</code>

Glücklicherweise gibt es eine einfache Lösung für dieses Problem. Mit der Methode .data() können Sie ganz einfach einen Parameter an den Click-Event-Handler übergeben, mit dem Sie Ihren HTML-Elementen Daten zuordnen können. So erreichen Sie dies:

<code class="js">$('.leadtoscore').data('parameter', 'shot').click(add_event);

function add_event(event) {
    const parameter = $(event.target).data('parameter');
    // Function logic using 'parameter'
}</code>

Dieser Ansatz beinhaltet das Festlegen des Datenattributs für das entsprechende HTML-Element und den anschließenden Zugriff darauf innerhalb des Click-Event-Handlers mithilfe der event.target.data('parameter')-Syntax.

Als Alternative führte jQuery Version 1.4.3 und höher eine präzisere Möglichkeit ein, Daten an Ereignishandler zu übergeben. Sie können ein Parameterobjekt direkt als erstes Argument an .click() übergeben, etwa so:

<code class="js">$('.leadtoscore').click({ parameter: 'shot' }, add_event);

function add_event(event) {
    const parameter = event.data.parameter;
    // Function logic using 'parameter'
}</code>

Mit jeder dieser Methoden können Sie Parameter an Ihre Click-Event-Handler übergeben und Verwenden Sie sie für mehrere Ereignisse wieder.

Das obige ist der detaillierte Inhalt vonWie übergebe ich mit jQuery Parameter an Click-Event-Handler?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!