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('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;> 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 ') }