So simulieren Sie einen Klick mit JavaScript?
So simulieren Sie einen Klick mit JavaScript?
Die folgenden Ansätze können implementiert werden, um eine Klicksimulation in JavaScript anzuwenden:
- “ONCLICK" Fall.
- “AddEventListener ()" Methode.
- “klicken()" Methode.
Ansatz 1: Simulieren Sie mit JavaScript mit dem Onclick -Ereignis einen Klick mit JavaScript
Ein "ONCLICKEreignis erfolgt, wenn die Taste gedrückt wird. Dieser Ansatz kann angewendet werden, um eine Funktion auf die Schaltfläche Klicken zu erhalten und zu erhöhenKlicken Sie auf ZählenJedes Mal, wenn die Schaltfläche klickt.
Randnotiz: Ein "ONCLICKDas Ereignis kann einfach angewendet werden, indem es mit einer bestimmten Funktion angehängt wird.
Beispiel
Gehen Sie den folgenden Code -Snippet durch:
Klicken Sie auf simuliert> mal
- Fügen Sie die angegebene Überschrift zusammen mit einer "ein""Tag, um das zu erhöhen"zählen”Von Klicks.
- Erstellen Sie im nächsten Schritt eine Schaltfläche mit einem angehängten “ONCLICK”Ereignisumleitung zum Funktion countclick (), auf den auf der Schaltfläche Klicken Sie aufgenommen werden.
Gehen wir nun die folgenden JavaScript -Codezeilen durch:
Im obigen JS -Teil des Codes:
- Initialisieren Sie hier zunächst die Klicks mit “0”.
- Danach deklarieren Sie eine Funktion namens “countclick ()”. In seiner Definition das Initialisierte inkrementieren “Klicks" mit "1”. Dies führt dazu, dass die Anzahl bei jedem Klicken der Schaltfläche die Zählung erhöht.
- Zuletzt Zugang auf die “Spanne”Element mit der“dokumentieren.QuerySelector ()" Methode. Wenden Sie auch das an “TextinhaltEigenschaft, um die inkrementierte Klickanzahl vor dem Span -Element zuzuordnen.
Die Ausgabe ist wie folgt:
Die Funktionalität des inkrementierten Timers bei jedem Klick kann in der obigen Ausgabe beobachtet werden.
Ansatz 2: Simulieren Sie ein Klick mit JavaScript über AddEventListener () -Methode
Der "AddEventListener ()Die Methode verteilt einem Element einen Ereignishandler. Diese Methode kann implementiert werden, indem ein bestimmtes Ereignis an ein Element angehängt und den Benutzer über den Auslöser des Ereignisses aufmerksam gemacht wird.
Syntax
Element.AddEventListener (Ereignis, Funktion)In der angegebenen Syntax:
- “Fall”Bezieht sich auf den Veranstaltungsnamen.
- “Funktion”Zeigt auf die Funktion zum Ausführen, wenn das Ereignis auftritt.
Beispiel
Die untergegebene Demonstration erklärt das angegebene Konzept:
Klicken Sie auf den Link
Im obigen Code:
- Geben Sie zunächst eine an “Anker”Tag, um den angegebenen Link einzuschließen
- Greifen Sie im JavaScript -Teil des Codes mit der “auf den erstellten Link zu" Erstellte Link zu "zu"dokumentieren.GetElementById ()" Methode.
- Schließlich wenden Sie das an “AddEventListener ()"Methode zum Zugriff"Verknüpfung”. Der "klickenIn diesem Fall wird das Ereignis beigefügt, was dazu führt, dass der Benutzer beim Klicken auf den erstellten Link aufmerksam wird.
Ausgang
Ansatz 3: Simulieren Sie ein Klick mit JavaScript mit der Methode Click ()
Der "klicken()”Methode führt eine Mausklick-Simulation auf einem Element durch. Diese Methode kann verwendet werden, um einen Klick direkt auf die angehängten Schaltflächen zu simulieren, wie der Name angibt.
Syntax
Element.klicken()In der angegebenen Syntax:
- “ElementZeigt auf das Element, auf dem der Klick ausgeführt wird.
Beispiel
Der folgende Code -Snippet erklärt das angegebene Konzept:
Haben Sie diese Seite hilfreich gefunden??
- Geben Sie zunächst die angegebene Überschrift in die “ein" Schild.
- Erstellen Sie danach zwei verschiedene Schaltflächen mit den angegebenen IDs.
- Binden Sie auch eine an "ONCLICKEreignis mit beiden auf die Funktion SimulateClick ().
- Fügen Sie im nächsten Schritt eine weitere Überschrift mit dem angegebenen “beiAusweis"Um den Benutzer so schnell wie das zu benachrichtigen" zu benachrichtigenklicken”Wird simuliert.
Gehen Sie nun die untergegebenen JavaScript-Zeilen durch:
- Eine Funktion definieren “SimulateClick ()”.
- Greifen Sie hier mit der “auf die erstellten Schaltflächen zu"dokumentieren.GetElementById ()Methode und wenden Sie die “anklicken()Methode zu ihnen.
- Greifen Sie nun in ähnlicher Weise auf die zugewiesene Überschrift zu und wenden Sie die “anInnerTextEigenschaft zum Anzeigen der angegebenen Nachricht als Überschrift auf dem simulierten Klick.
Ausgang
In der obigen Ausgabe ist es offensichtlich, dass beide erstellten Schaltflächen den Klick simulieren.
Dieser Blog zeigt, wie Sie eine Klick -Simulation mit JavaScript anwenden.
Abschluss
Ein "ONCLICK”Ereignis, das“AddEventListener ()Methode oder die “klicken()Die Methode kann verwendet werden, um einen Klick mit JavaScript zu simulieren. Ein "ONCLICK”Ereignis kann angewendet werden, um ein Klick zu simulieren, wenn die Schaltfläche in Form eines Zählers geklickt wird. Der "AddEventListener ()Mit „Methode kann ein Ereignis an den Link angehängt und den Benutzer auf der Klicksimulation informiert werden. Der "klicken()Die Methode kann auf die erstellten Schaltflächen angewendet werden und führt die erforderliche Funktionalität für jede der Tasten aus. In diesem Artikel wird erläutert, wie eine Klicksimulation in JavaScript angewendet wird.