logo

KLIK SPROŽILCA JAVASCRIPT

Med programiranjem v javascriptu se v bistvu srečamo z določeno situacijo, v kateri lahko ustvarimo katero koli funkcijo na klik gumba. Na primer, v času avtomatskega testiranja spletne strani ali mesta moramo preveriti še nekaj funkcionalnosti. V takšnih primerih postane tehnika proženja dogodka klika javascript bolj zanesljiva in učinkovita za spopadanje z navedenimi izzivi.

V tem kontekstu bomo spoznali postopke dogodka sprožilnega klika v javascriptu.

Kako lahko sprožimo dogodek klika v javascriptu:

Za sprožitev klika v javascriptu moramo uporabiti spodaj navedene tehnike:

a) metoda click().

b) metodi addEventListener() in dispathEvent

Zdaj bomo uporabili zgoraj napisane metode, da pokažemo naslednje:

1. način:

Sproži dogodek klika z metodo dogodka klika v javascriptu:

Na omenjenem elementu je način klika se uporablja za izvedbo dejanja. To metodo je mogoče implementirati z uporabo uporabniško definirane funkcije, ko uporabnik klikne zahtevani gumb s pomočjo ustvarjanja gumba, pridobivanja njegovega ID-ja in sprožitve dogodka klika.

Za dodatno pojasnilo moramo iti skozi spodnji primer:

primer:

V spodnjem primeru z ob 'Klikni tukaj' , bo ustvarjen gumb z ID-jem in skupaj z dogodkom klika za dostop do dogodka klika na njem;

 Click here 

Če navedemo njegov ID v javascriptu, moramo dostopati do ustvarjenega gumba v metodi document.getElementById. Za izvedbo naslednje operacije bo priklican dogodek klika.

 const get= document.getElementById('btn'); get.click(); 

Končno, ko kliknemo gumb, bomo določili, da se natisne naslednja imenovana funkcija 'clickEvent()' na način, da na konzoli z metodo klika.

 function clickEvent() { console.log('now the Click Event is triggered ') } 

Iz zgornjega izhoda zadevne kode smo z uporabo metode klikanja na avtomatiziran način opazili, da je tukaj kliknjen gumb klik.

java ups koncepti

2. način:

Sproži dogodek klika v javascriptu s pomočjo metod addEventListener() in dispatchEvent().

V javascriptu je integralna metoda, ki jo zagotavlja ciljni vmesnik dogodka javascript.

S to metodo se registrira poslušalec dogodkov. Našo konfigurirano funkcijo bomo poklicali, ko bo omenjeni dogodek ujet na cilj.

Sintaksa dogodka:

 target.addEventListener( $type, $listener); target.addEventListener( $type, $listener, $options); target.addEventListener( $type, $listener, $useCapture); 

opis sintakse:

  • V zgornji sintaksi je parameter, imenovan $type , ki je obvezen parameter. Parametri, ki označujejo vrsto dogodka, ki ga je treba spremljati, sprejmejo samo en niz. Ta parameter je parameter, ki razlikuje med velikimi in malimi črkami. Podpira različne dogodke, kot so tipkovnica, klik, zbirka podatkov, vnos itd
  • Na enak način, $poslušalec je tudi v njem obvezen parameter. Obvestilo o dogodku prejme ta parameter kot objekt, ko pride do dogodka navedene vrste. Ta objekt bi moral biti implementiran v funkciji javascript ali v vmesniku Eventlistner.
  • Po drugi strani pa je možnost $ je izbirni parameter v.

Primer: 1

 Open bing const link = document.getElementById(&apos;btn&apos;); link.addEventListener(&apos;click&apos;, e =&gt; {}); 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> &apos;The required event is triggered&apos;. &apos;The required event is triggered&apos;. &apos;The required event is triggered&apos;. &apos;The required event is triggered&apos;. &apos;The required event is triggered&apos;. </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>&apos;e&apos;</em> </strong> in its argument, which refers to the event click object.</p> <pre> const get = document.getElementById(&apos;btn&apos;); get.addEventListener(&apos;click&apos;, e =&gt; {}); get.dispatchEvent(new Event(&apos;click&apos;)); </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(&apos;The required event is triggered &apos;) } </pre> <hr></5;>

Primer 2:

V tem primeru bomo najprej vključili gumb z ustreznim ID-jem z dogodkom onclick skupaj z enako vrednostjo kot prejšnji.

 Click here 

Po tem, s pomočjo addEventListener() metodo, bomo pridobili gumb in kliknili dogodek v njem, da določimo 'Je' v svojem argumentu, ki se nanaša na predmet klika dogodka.

 const get = document.getElementById(&apos;btn&apos;); get.addEventListener(&apos;click&apos;, e =&gt; {}); get.dispatchEvent(new Event(&apos;click&apos;)); 

Nazadnje, tako kot pri prejšnji metodi, bomo definirali dogodek klika, da bo v njem prikazano ustrezno sporočilo v trenutku, ko se sproži dogodek klika.

 function clickEvent() { console.log(&apos;The required event is triggered &apos;) }