Iš esmės mes susiduriame su tam tikromis situacijomis programuodami javascript, kai spustelėję mygtuką galime sukurti bet kokią funkciją. Pavyzdžiui, internetinio puslapio ar svetainės automatizavimo testavimo metu turime ištirti daugiau funkcijų. Tokiais atvejais „Javascript“ suaktyvinimo paspaudimo įvykio technika tampa patikimesnė ir efektyvesnė sprendžiant nurodytus iššūkius.
Šiame kontekste sužinosime apie aktyviklio paspaudimo įvykio procedūras „Javascript“.
Kaip galime suaktyvinti paspaudimo įvykį „Javascript“:
Turime taikyti toliau nurodytus metodus, kad suaktyvintume paspaudimo įvykį javascript:
a) click() metodas
b) addEventListener() ir dispathEvent metodai
Dabar naudosime aukščiau parašytus metodus, kad parodytume taip:
1 būdas:
Suaktyvinkite paspaudimo įvykį naudodami paspaudimo įvykio metodą „Javascript“:
Ant minėto elemento, paspaudimo metodas naudojamas veiksmui atlikti. Naudojant vartotojo apibrėžtą funkciją, kai vartotojas spusteli reikiamą mygtuką mygtuko sukūrimo pagalba, gaudamas jo ID ir suaktyvindamas paspaudimo įvykį, šis būdas gali būti įgyvendintas.
Norėdami gauti daugiau aiškumo, turime peržiūrėti toliau pateiktą pavyzdį:
Pavyzdys:
Toliau pateiktame pavyzdyje su turėti 'paspauskite čia' , bus sukurtas mygtukas su ID ir paspaudimo įvykiu, skirtas prieiti prie jo paspaudimo įvykio;
Click here
Nurodę jo id javascript, turime pasiekti sukurtą mygtuką document.getElementById metodu. Norint atlikti kitą operaciją, bus iškviestas paspaudimo įvykis.
const get= document.getElementById('btn'); get.click();
Galiausiai, spustelėjus mygtuką, mes nustatysime, kaip išspausdinti šią funkciją, pavadintą 'clickEvent()' taip, kaip konsolėje naudojant paspaudimo metodą.
function clickEvent() { console.log('now the Click Event is triggered ') } Iš aukščiau pateiktos atitinkamo kodo išvesties, naudodami automatinio paspaudimo metodą, pastebėjome, kad spustelėjamas mygtukas čia.
2 būdas:
Suaktyvinkite paspaudimo įvykį javascript naudojant addEventListener() ir dispatchEvent() metodus
„Javascript“ tai yra integruotas metodas, kurį teikia „Javascript“ įvykio tikslinė sąsaja.
Šiuo metodu registruojamas įvykių klausytojas. Mes iškviesime savo sukonfigūruotą funkciją, kai minėtas įvykis bus užfiksuotas taikinyje.
Įvykio sintaksė:
target.addEventListener( $type, $listener); target.addEventListener( $type, $listener, $options); target.addEventListener( $type, $listener, $useCapture);
sintaksės aprašymas:
- Aukščiau pateiktoje sintaksėje yra parametras, vadinamas $tipas , kuris yra privalomas parametras. Nurodydami stebimo įvykio tipą, parametrai priima tik vieną eilutę. Šis parametras yra didžiosios ir mažosios raidės. Ji palaiko įvairius įvykius, tokius kaip klaviatūra, paspaudimas, duomenų bazė, įvestis ir kt
- Tuo pačiu būdu, $klausytojas taip pat yra privalomas parametras. Pranešimą apie įvykį šis parametras gauna kaip objektas, kai įvyksta minėto tipo įvykis. Šis objektas turėtų būti įdiegtas naudojant „Javascript“ funkciją arba „Eventlistner“ sąsają.
- Kita vertus, $opcija yra pasirenkamas parametras joje.
Pavyzdys: 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 pavyzdys:
Šiame pavyzdyje pirmiausia įtrauksime mygtuką su atitinkamu ID su įvykiu onclick kartu su verte, tokia pat kaip ir ankstesniame.
Click here
Po to, padedant addEventListener() metodą, nuskaitysime mygtuką ir spustelėdami jame esantį įvykį nurodysime 'Tai yra' savo argumente, kuris nurodo įvykio paspaudimo objektą.
const get = document.getElementById('btn'); get.addEventListener('click', e => {}); get.dispatchEvent(new Event('click')); Galiausiai, kaip ir ankstesnis metodas, apibrėžsime paspaudimo įvykį, kad jame būtų rodomas atitinkamas pranešimas tuo metu, kai suaktyvinamas paspaudimo įvykis.
function clickEvent() { console.log('The required event is triggered ') }