Pri programovaní v javascripte v podstate čelíme určitej situácii, v ktorej môžeme po kliknutí na tlačidlo vytvoriť akúkoľvek funkciu. Napríklad v čase testovania automatizácie webovej stránky alebo lokality musíme preskúmať niektoré ďalšie funkcie. V takýchto prípadoch sa technika spúšťania udalosti kliknutia javascriptu stáva spoľahlivejšou a efektívnejšou pri riešení uvedených problémov.

V tejto súvislosti sa dozvieme o procedúrach udalosti spúšťacieho kliknutia v javascripte.

najlepšie hentai

Ako môžeme spustiť udalosť kliknutia v javascripte:

Na spustenie udalosti kliknutia v javascripte musíme použiť techniky uvedené nižšie:

a) metóda click().

b) metódy addEventListener() a dispathEvent

Teraz použijeme metódy, ktoré boli napísané vyššie, aby sme demonštrovali nasledovné:

Metóda 1:

Spustite udalosť kliknutia pomocou metódy udalosti kliknutia v javascripte:

Na spomínanom prvku, metóda kliknutia sa používa na vykonanie akcie. Pomocou užívateľom definovanej funkcie, keď používateľ klikne na požadované tlačidlo pomocou vytvorenia tlačidla, získania jeho ID a spustenia udalosti kliknutia, je možné túto metódu implementovať.

Pre ďalšie objasnenie musíme prejsť nasledujúcim príkladom:

Príklad:

V nižšie uvedenom príklade s have 'kliknite tu' , vytvorí sa tlačidlo s id a spolu s udalosťou kliknutia na prístup k udalosti kliknutia na ňom;

 Click here 

Zadaním jeho id v javascripte musíme k vytvorenému tlačidlu pristupovať v metóde document.getElementById. Na vykonanie ďalšej operácie sa vyvolá udalosť kliknutia.

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

Nakoniec po kliknutí na tlačidlo zadefinujeme vytlačenie nasledujúcej funkcie s názvom 'clickEvent()' spôsobom, že na konzole pomocou metódy kliknutia.

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

Z vyššie uvedeného výstupu príslušného kódu pomocou metódy kliknutia automatizovaným spôsobom sme zistili, že sa klikne na tlačidlo kliknúť sem.

Metóda 2:

Spustite udalosť kliknutia v javascripte pomocou metód addEventListener() a dispatchEvent()

V javascripte je to integrálna metóda, ktorú poskytuje cieľové rozhranie javascriptovej udalosti.

Prijímač udalostí je zaregistrovaný touto metódou. Našu nakonfigurovanú funkciu zavoláme, keď sa spomínaná udalosť zachytí na cieli.

Syntax udalosti:

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

popis syntaxe:

• Vo vyššie uvedenej syntaxi je parameter tzv $typ , čo je povinný parameter. Parametre označujúce typ udalosti, ktorá sa má monitorovať, akceptujú iba jeden reťazec. Tento parameter rozlišuje malé a veľké písmená. Podporuje rôzne udalosti, ako je klávesnica, kliknutie, databáza, vstup atď
• Rovnakým spôsobom, $posluchač je povinný parameter aj v ňom. Oznámenie o udalosti je týmto parametrom prijímané ako objekt, keď nastala udalosť uvedeného typu. Vo funkcii javascript alebo v rozhraní Eventlistner by mal byť tento objekt implementovaný.
• Na druhej strane, $možnosť je voliteľný parameter v ňom.

Príklad: 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;>

Príklad 2:

V tomto príklade najskôr zahrnieme tlačidlo so zodpovedajúcim ID s udalosťou onclick spolu s hodnotou rovnakou ako v predchádzajúcej.

 Click here 

Po tom, s pomocou addEventListener() spôsob, načítame tlačidlo a kliknutím na udalosť v ňom špecifikujeme 'To je' vo svojom argumente, ktorý odkazuje na objekt kliknutia udalosti.

ls príkazy linux

 const get = document.getElementById('btn'); get.addEventListener('click', e => {}); get.dispatchEvent(new Event('click')); 

Nakoniec, rovnako ako v predchádzajúcej metóde, zadefinujeme udalosť kliknutia, aby sa v nej zobrazila zodpovedajúca správa v čase spustenia udalosti kliknutia.

 function clickEvent() { console.log('The required event is triggered ') }