Bàsicament ens enfrontem a algun tipus de situació durant la programació en javascript en què podem crear qualsevol funció amb el clic del botó. Per exemple, hem d'examinar alguna funcionalitat més en el moment de les proves d'automatització d'una pàgina web o d'un lloc. En aquests casos, la tècnica d'esdeveniment de clic activador de javascript es fa més fiable i eficient per contrarestar els reptes indicats.
En aquest context, coneixerem els procediments d'esdeveniment de clic del disparador a Javascript.
int parseint
Com podem activar l'esdeveniment de clic a JavaScript:
Hem d'aplicar les tècniques que s'indiquen a continuació per activar l'esdeveniment de clic a javascript:
a) mètode click().
b) els mètodes addEventListener() i dispathEvent
Ara farem servir els mètodes que hem escrit anteriorment per demostrar el següent:
Mètode 1:
Activa l'esdeveniment de clic mitjançant el mètode d'esdeveniment de clic a Javascript:
Sobre l'element esmentat, el mètode de clic s'utilitza per realitzar l'acció. Utilitzant la funció definida per l'usuari quan l'usuari fa clic al botó requerit amb l'ajuda de la creació del botó, obtenint el seu identificador i activant l'esdeveniment de clic, aquest mètode es pot implementar.
Per a més aclariments, hem de revisar l'exemple que es mostra a continuació:
Exemple:
En l'exemple que es dóna a continuació amb havent 'clica aquí' , es crearà un botó amb id i juntament amb l'esdeveniment de clic per accedir a l'esdeveniment de clic;
Click here
En especificar el seu identificador en javascript, hem d'accedir al botó creat en el mètode document.getElementById. Per realitzar la següent operació, s'invocarà l'esdeveniment de clic.
const get= document.getElementById('btn'); get.click();
Finalment, quan es premeu el botó, definirem per imprimir la següent funció anomenada 'clickEvent()' de manera que a la consola utilitzant el mètode de clic.
function clickEvent() { console.log('now the Click Event is triggered ') } A partir de la sortida anterior del codi respectiu, utilitzant el mètode de clic de manera automatitzada, hem observat que es fa clic al botó clic aquí.
Mètode 2:
Activa l'esdeveniment de clic a javascript amb l'ajuda del mètode addEventListener() i dispatchEvent()
En javascript, és el mètode integral que proporciona la interfície de destinació de l'esdeveniment javascript.
Un oient d'esdeveniments es registra amb aquest mètode. Trucarem a la nostra funció configurada quan l'esdeveniment esmentat sigui capturat a l'objectiu.
Sintaxi de l'esdeveniment:
target.addEventListener( $type, $listener); target.addEventListener( $type, $listener, $options); target.addEventListener( $type, $listener, $useCapture);
descripció de la sintaxi:
- A la sintaxi anterior, hi ha un paràmetre anomenat $tipus , que és un paràmetre obligatori. Indicant el tipus d'esdeveniment que s'ha de controlar, els paràmetres només accepten una cadena. Aquest paràmetre és un paràmetre que distingeix entre majúscules i minúscules. Hi suporta diversos esdeveniments, com ara teclat, clic, base de dades, entrada, etc
- De la mateixa manera, el $oient també és un paràmetre obligatori. Aquest paràmetre rep una notificació sobre l'esdeveniment com a objecte quan s'ha produït un esdeveniment del tipus esmentat. A la funció javascript o a una interfície Eventlistner, aquest objecte s'hauria d'implementar.
- D'altra banda, el $opció és un paràmetre opcional en ell.
Exemple: 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;> Exemple 2:
En aquest exemple, primer de tot, inclourem un botó amb un identificador corresponent amb un esdeveniment onclick juntament amb un valor igual que l'anterior.
Click here
Després d'això, amb l'ajuda de la addEventListener() mètode, recuperarem el botó i farem clic a l'esdeveniment per especificar el 'És' en el seu argument, que fa referència a l'objecte de clic de l'esdeveniment.
const get = document.getElementById('btn'); get.addEventListener('click', e => {}); get.dispatchEvent(new Event('click')); Finalment, igual que el mètode anterior, definirem l'esdeveniment de clic per mostrar-hi el missatge corresponent en el moment que s'activa l'esdeveniment de clic.
function clickEvent() { console.log('The required event is triggered ') }