Beim Programmieren in Javascript stehen wir grundsätzlich vor einer Situation, in der wir jede Funktion per Knopfdruck erstellen können. Beispielsweise müssen wir beim Automatisierungstest einer Webseite oder Site weitere Funktionen untersuchen. In solchen Fällen wird die auslösende Klickereignistechnik von Javascript zuverlässiger und effizienter, um den genannten Herausforderungen zu begegnen.
In diesem Zusammenhang lernen wir die Trigger-Click-Ereignisprozeduren in Javascript kennen.
So können wir ein Klickereignis in Javascript auslösen:
Wir müssen die unten angegebenen Techniken anwenden, um das Klickereignis in Javascript auszulösen:
a) click()-Methode
Netzwerk und Internet
b) Methoden addEventListener() und dispathEvent
Jetzt werden wir die oben beschriebenen Methoden verwenden, um Folgendes zu demonstrieren:
Du bist ein Splice
Methode 1:
Klickereignis mithilfe der Klickereignismethode in Javascript auslösen:
Auf dem genannten Element, dem Click-Methode wird verwendet, um die Aktion auszuführen. Mithilfe der benutzerdefinierten Funktion, wenn der Benutzer auf die erforderliche Schaltfläche klickt, mithilfe der Erstellung der Schaltfläche, dem Abrufen ihrer ID und dem Auslösen des Klickereignisses kann diese Methode implementiert werden.
Zur weiteren Verdeutlichung müssen wir das folgende Beispiel durchgehen:
Beispiel:
Im unten angegebenen Beispiel mit haben 'klicken Sie hier' , wird eine Schaltfläche mit der ID und dem Klickereignis erstellt, um auf das darauf befindliche Klickereignis zuzugreifen;
Click here
Durch die Angabe seiner ID in Javascript müssen wir auf die erstellte Schaltfläche in der Methode document.getElementById zugreifen. Um den nächsten Vorgang auszuführen, wird das Click-Ereignis aufgerufen.
const get= document.getElementById('btn'); get.click();
Wenn schließlich auf die Schaltfläche geklickt wird, legen wir fest, dass die folgende Funktion mit dem Namen ausgedruckt wird 'clickEvent()' und zwar auf die Konsole mit der Klick-Methode.
function clickEvent() { console.log('now the Click Event is triggered ') } Aus der obigen Ausgabe des jeweiligen Codes haben wir mithilfe der Click-Methode auf automatisierte Weise beobachtet, dass auf die Schaltfläche „Hier klicken“ geklickt wird.
Index von Java
Methode 2:
Lösen Sie ein Klickereignis in Javascript mithilfe der Methoden addEventListener() undchipEvent() aus
In Javascript ist es die integrale Methode, die von der JavaScript-Ereigniszielschnittstelle bereitgestellt wird.
Mit dieser Methode wird ein Ereignis-Listener registriert. Wir rufen unsere konfigurierte Funktion auf, wenn das erwähnte Ereignis auf dem Ziel abgefangen wird.
Syntax des Ereignisses:
target.addEventListener( $type, $listener); target.addEventListener( $type, $listener, $options); target.addEventListener( $type, $listener, $useCapture);
Beschreibung der Syntax:
- In der obigen Syntax gibt es einen Parameter namens $typ , was ein obligatorischer Parameter ist. Die Parameter geben den Typ des zu überwachenden Ereignisses an und akzeptieren nur eine Zeichenfolge. Bei diesem Parameter muss die Groß-/Kleinschreibung beachtet werden. Es werden verschiedene Ereignisse unterstützt, z. B. Tastatur, Klick, Datenbank, Eingabe usw
- Auf die gleiche Weise ist die $listener ist auch darin ein obligatorischer Parameter. Eine Benachrichtigung über das Ereignis wird von diesem Parameter als Objekt empfangen, wenn ein Ereignis der genannten Art aufgetreten ist. Auf der Javascript-Funktion oder auf einer Eventlistner-Schnittstelle sollte dieses Objekt implementiert werden.
- Andererseits ist die $option ist ein optionaler Parameter drin.
Beispiel 1
Java-Beispielprogramme
Open bing const link = document.getElementById('btn'); link.addEventListener('click', e => {}); for(let i = 0; i <5; i++) { link.dispatchevent(new event('click')); } function opengooglebymethod() console.log('the required event is triggered') < pre> <p> <strong>Output:</strong> </p> <pre> 'The required event is triggered'. 'The required event is triggered'. 'The required event is triggered'. 'The required event is triggered'. 'The required event is triggered'. </pre> <p> <strong>Example 2:</strong> </p> <p>In this example, first of all, we will include a button with a corresponding id with an onclick event along with a value as same as like previous one.</p> <pre> Click here </pre> <p>After that, with the help of the <strong> <em>addEventListener()</em> </strong> method, we will retrieve the button and click the event in it to specify the <strong> <em>'e'</em> </strong> in its argument, which refers to the event click object.</p> <pre> const get = document.getElementById('btn'); get.addEventListener('click', e => {}); get.dispatchEvent(new Event('click')); </pre> <p>Finally, as same as the previous method, we will define the click event to display the corresponding message in it at the time the click event is triggered.</p> <pre> function clickEvent() { console.log('The required event is triggered ') } </pre> <hr></5;> Beispiel 2:
In diesem Beispiel fügen wir zunächst eine Schaltfläche mit einer entsprechenden ID in ein Onclick-Ereignis ein, zusammen mit einem Wert, der dem vorherigen entspricht.
Click here
Danach mit Hilfe der addEventListener() -Methode rufen wir die Schaltfläche ab und klicken auf das darin enthaltene Ereignis, um das anzugeben 'Es ist' in seinem Argument, das sich auf das Ereignisklickobjekt bezieht.
const get = document.getElementById('btn'); get.addEventListener('click', e => {}); get.dispatchEvent(new Event('click')); Schließlich definieren wir, genau wie bei der vorherigen Methode, das Klickereignis, um die entsprechende Meldung darin zum Zeitpunkt der Auslösung des Klickereignisses anzuzeigen.
function clickEvent() { console.log('The required event is triggered ') }