jQuery Auslöser-Klick

Der heutige Beitrag wird etwas über das trigger-Klickereignis von jQuery lehren.

Klickereignis in jQuery auslösen

jQuery bietet eine trigger-Methode, die alle Handler und Verhaltensweisen ausführt, die an übereinstimmende Elemente für den angegebenen Ereignistyp angehängt sind.

Syntax:

.trigger(eventType[, extraParameters])

1. eventType ist eine Zeichenfolge, die einen JavaScript-Ereignistyp enthält, z. B. ein Klick oder ein Absenden.
2. extraParameters sind zusätzliche Parameter, die an den Event-Handler übergeben werden.

Event-Handler, die mit .on() oder einer seiner Abkürzungstechniken verknüpft sind, werden ausgelöst, während das entsprechende Ereignis eintritt. Sie können jedoch manuell mit der Methode .trigger() ausgelöst werden.

Ein Aufruf von .trigger() führt die Handler in der gleichen Reihenfolge aus, in der sie sein könnten, wenn das Ereignis sicher durch den Benutzer ausgelöst worden wäre.

Ab jQuery 1.3 erscheinen .trigger()-Ereignisse im DOM-Baum; Ein Ereignishandler kann das Bubbling verhindern, indem er false vom Handler zurückgibt oder den .stopPropagation()-Ansatz für das Ereignisobjekt aufruft, das in das Ereignis überschritten wird. Obwohl .trigger() eine Ereignisaktivierung als Ganzes mit einem synthetisierten Ereignisobjekt simuliert, repliziert es jetzt nicht perfekt ein sicher ablaufendes Ereignis.

Das Ereignisobjekt wird ständig als erster Parameter an einen Ereignisbehandler übergeben. Ein Array von Argumenten kann auch an den .trigger()-Aufruf übergeben werden, und diese Parameter können an den Handler weitergegeben werden, da sie dem Ereignisobjekt ordnungsgemäß folgen.

Ab jQuery 1.6.2 kann ein einzelner String oder ein numerisches Argument übergeben werden, ohne in ein Array eingeschlossen zu werden.

Die .trigger()-Technik kann in jQuery-Sammlungen verwendet werden, die einfache JavaScript-Objekte ähnlich einem Pub/Sub-Mechanismus umhüllen; Jeder gegebene Event-Handler für das Objekt könnte aufgerufen werden, wenn das Event ausgelöst wird.

Lassen Sie es uns anhand des folgenden Beispiels verstehen.

<a onclick="doSomething()">Google</a>
<button type="button" id="trigger-btn">Trigger</button>

$('#trigger-btn').click(function() {
  console.log('triggering')
  $('a').trigger('click');
});

function doSomething() {
  alert('Click event is triggered on the link.');
}

Im obigen Beispiel haben wir die Klick-Funktion definiert, die den Benutzer benachrichtigt. Sie können das Attribut href mit einem bestimmten Link übergeben.

Nehmen wir ein Beispiel, wo ein anderes Element diesen Klick auslösen soll. In diesem Beispiel haben wir den trigger-Button definiert, der den Klick auslöst.

Versuchen Sie, das obige Code-Snippet in einem beliebigen Browser auszuführen, der jQuery unterstützt. Das Ergebnis wird unten angezeigt.

Ausgabe:

Demo