Fondamentalmente ci troviamo di fronte a qualche tipo di situazione durante la programmazione in Javascript in cui possiamo creare qualsiasi funzione cliccando sul pulsante. Ad esempio, dobbiamo esaminare qualche funzionalità in più al momento del test di automazione di una pagina web o di un sito. In questi casi, la tecnica di attivazione degli eventi di clic di Javascript diventa più affidabile ed efficiente per contrastare le sfide dichiarate.
In questo contesto, impareremo le procedure dell'evento clic trigger in Javascript.
rotazione dell'albero avl
Come possiamo attivare l'evento clic in JavaScript:
Dobbiamo applicare le tecniche indicate di seguito per attivare l'evento clic in JavaScript:
a) metodo click()
b) metodi addEventListener() e dispathEvent
Ora utilizzeremo i metodi che abbiamo scritto sopra per dimostrare quanto segue:
Metodo 1:
Attiva l'evento clic utilizzando il metodo dell'evento clic in JavaScript:
Sull'elemento menzionato, il metodo clic viene utilizzato per eseguire l'azione. Utilizzando la funzione definita dall'utente quando l'utente fa clic sul pulsante richiesto con l'aiuto della creazione del pulsante, ottenendo il suo ID e attivando l'evento clic, questo metodo può essere implementato.
Per ulteriori chiarimenti, dobbiamo seguire l'esempio riportato di seguito:
Esempio:
Nell'esempio riportato di seguito con avere 'clicca qui' , verrà creato un pulsante con ID e insieme all'evento clic per accedere all'evento clic su di esso;
Click here
Specificando il suo id in javascript, dobbiamo accedere al pulsante creato nel metodo document.getElementById. Per eseguire l'operazione successiva, verrà richiamato l'evento click.
livecricket.is
const get= document.getElementById('btn'); get.click();
Alla fine, quando si fa clic sul pulsante, definiremo di stampare la seguente funzione denominata 'clickEvent()' in modo che sulla console utilizzi il metodo del clic.
function clickEvent() { console.log('now the Click Event is triggered ') } Dall'output precedente del rispettivo codice, utilizzando il metodo clic in modo automatico, abbiamo osservato che viene fatto clic sul pulsante 'clicca qui'.
Metodo 2:
Attiva l'evento clic in JavaScript con l'aiuto del metodo addEventListener() e dispatchEvent()
In Javascript, è il metodo integrale fornito dall'interfaccia di destinazione dell'evento Javascript.
Un ascoltatore di eventi viene registrato con questo metodo. Chiameremo la nostra funzione configurata quando l'evento menzionato viene rilevato sulla destinazione.
Sintassi dell'evento:
target.addEventListener( $type, $listener); target.addEventListener( $type, $listener, $options); target.addEventListener( $type, $listener, $useCapture);
descrizione della sintassi:
- Nella sintassi precedente, c'è un parametro chiamato $tipo , che è un parametro obbligatorio. Indicando la tipologia dell'evento da monitorare, i parametri accettano una sola stringa. Questo parametro fa distinzione tra maiuscole e minuscole. Supporta vari eventi, come tastiera, clic, database, input, ecc
- Allo stesso modo, il $ascoltatore è un parametro obbligatorio anche in esso. Una notifica sull'evento viene ricevuta da questo parametro come oggetto quando si è verificato un evento del tipo menzionato. Sulla funzione javascript o su un'interfaccia Eventlistner, questo oggetto dovrebbe essere implementato.
- D'altra parte, il $opzione è un parametro facoltativo dentro.
Esempio 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;> Esempio 2:
In questo esempio, prima di tutto, includeremo un pulsante con un ID corrispondente con un evento onclick insieme a un valore uguale a quello precedente.
python scrive json su file
Click here
Successivamente, con l'aiuto di aggiungiEventListener() metodo, recupereremo il pulsante e faremo clic sull'evento in esso contenuto per specificare il file 'È' nel suo argomento, che si riferisce all'oggetto clic dell'evento.
const get = document.getElementById('btn'); get.addEventListener('click', e => {}); get.dispatchEvent(new Event('click')); Infine, come nel metodo precedente, definiremo l'evento clic per visualizzare il messaggio corrispondente al suo interno nel momento in cui viene attivato l'evento clic.
function clickEvent() { console.log('The required event is triggered ') }