Javascript programmēšanas laikā mēs galvenokārt saskaramies ar sava veida situācijām, kurās mēs varam izveidot jebkuru funkciju, noklikšķinot uz pogas. Piemēram, tīmekļa lapas vai vietnes automatizācijas testēšanas laikā mums ir jāpārbauda vēl dažas funkcionalitātes. Šādos gadījumos JavaScript aktivizēšanas klikšķu notikumu tehnika kļūst uzticamāka un efektīvāka, lai cīnītos pret norādītajām problēmām.
Šajā kontekstā mēs uzzināsim par aktivizētāja klikšķu notikumu procedūrām JavaScript.
Kā mēs varam aktivizēt klikšķu notikumu JavaScript:
Mums ir jāizmanto tālāk norādītās metodes, lai aktivizētu klikšķa notikumu JavaScript:
a) Click() metode
b) addEventListener() un dispathEvent metodes
Tagad mēs izmantosim iepriekš aprakstītās metodes, lai parādītu:
1. metode:
Aktivizēt klikšķa notikumu, izmantojot javascript klikšķu notikuma metodi:
Uz minētā elementa, klikšķu metode tiek izmantots darbības veikšanai. Izmantojot lietotāja definētu funkciju, kad lietotājs noklikšķina uz vajadzīgās pogas ar pogas izveidošanas palīdzību, iegūstot tās id un aktivizējot klikšķa notikumu, šo metodi var realizēt.
Lai iegūtu papildu skaidrojumu, mums ir jāiziet tālāk sniegtais piemērs:
Piemērs:
Tālāk sniegtajā piemērā ar kam 'klikšķiniet šeit' , tiks izveidota poga ar id un kopā ar klikšķa notikumu, lai piekļūtu klikšķa notikumam tajā;
Click here
Norādot tā id javascript, mums ir jāpiekļūst izveidotajai pogai document.getElementById metodē. Lai veiktu nākamo darbību, tiks izsaukts klikšķa notikums.
const get= document.getElementById('btn'); get.click();
Beidzot, noklikšķinot uz pogas, mēs definēsim izdrukāt šādu funkciju ar nosaukumu 'clickEvent()' tādā veidā, ka konsolē, izmantojot klikšķināšanas metodi.
function clickEvent() { console.log('now the Click Event is triggered ') } No iepriekš minētās attiecīgā koda izvades, izmantojot klikšķināšanas metodi automatizētā veidā, esam novērojuši, ka tiek noklikšķināts uz pogas noklikšķiniet šeit.
2. metode:
Aktivizēt klikšķa notikumu JavaScript, izmantojot addEventListener() un dispatchEvent() metodes
JavaScript programmā tā ir neatņemama metode, ko nodrošina javascript notikuma mērķa saskarne.
Ar šo metodi tiek reģistrēts notikumu klausītājs. Mēs izsauksim mūsu konfigurēto funkciju, kad minētais notikums tiks noķerts mērķī.
Pasākuma sintakse:
target.addEventListener( $type, $listener); target.addEventListener( $type, $listener, $options); target.addEventListener( $type, $listener, $useCapture);
sintakses apraksts:
- Iepriekš minētajā sintaksē ir parametrs, ko sauc $type , kas ir obligāts parametrs. Norādot uzraugāmā notikuma veidu, parametri pieņem tikai vienu virkni. Šis parametrs ir reģistrjutīgs parametrs. Tā atbalsta dažādus notikumus, piemēram, tastatūru, klikšķi, datu bāzi, ievadi utt
- Tādā pašā veidā, $klausītājs ir obligāts parametrs arī tajā. Paziņojumu par notikumu šis parametrs saņem kā objekts, kad ir noticis minētā veida notikums. Javascript funkcijā vai Eventlistner saskarnē šis objekts ir jārealizē.
- No otras puses, $opcija ir izvēles parametrs tajā.
Piemērs: 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;> 2. piemērs:
metodes ignorēšana Java
Šajā piemērā, pirmkārt, mēs iekļausim pogu ar atbilstošu ID ar onclick notikumu, kā arī vērtību, kas ir tāda pati kā iepriekšējā.
Click here
Pēc tam ar palīdzību addEventListener() metodi, mēs izgūsim pogu un noklikšķināsim uz notikuma tajā, lai norādītu 'Tas ir' savā argumentā, kas attiecas uz notikuma klikšķa objektu.
const get = document.getElementById('btn'); get.addEventListener('click', e => {}); get.dispatchEvent(new Event('click')); Visbeidzot, tāpat kā iepriekšējā metodē, mēs definēsim klikšķa notikumu, lai tajā tiktu parādīts atbilstošs ziņojums klikšķa notikuma aktivizēšanas laikā.
function clickEvent() { console.log('The required event is triggered ') }