JavaScript | Metodo RimuoviEventListener con esempi
Per comprendere il metodo RemoveEventListener (), prima l'utente deve avere un'idea del addEventListener () metodo. Nel metodo AddeventListener (), un evento è allegato a questo metodo per eseguire le operazioni. D'altra parte, il metodo RemoveEventListener () viene utilizzato per rimuovere un evento. Questa guida fornisce una visione approfondita del metodo RimodomineEventListener () in JavaScript.
Come utilizzare il metodo RemoveEventListener () in JavaScript?
Se un utente desidera disabilitare un pulsante dopo un clic, può utilizzare il Rimodomina eventListener () metodo. La sintassi del metodo RimodomineEventListener () è la seguente:
Sintassi
elemento.RimuoviEventListener (evento, funzione, cattura)I parametri utilizzati nella sintassi sopra sono elencati qui:
- evento: identifica l'evento da rimuovere.
- funzione: rappresenta la funzione Rimuovi.
- catturare: Specifica vero e falso secondo il risultato; Il valore predefinito è falso.
Esempio 1
Un esempio è adattato in cui il Rimodomina eventListener () il metodo viene utilizzato per rimuovere un evento che è stato aggiunto dal addEventListener () metodo. In questo esempio, sono richiesti due argomenti. Un argomento specifica il nome dell'evento, mentre l'altro è una funzione associata all'ascoltatore di eventi.
Codice
Benvenuti in JavaScript World
Un esempio per utilizzare il metodo RimodEventListener ()
La descrizione del codice sopra è arruolata qui:
- Prima il addEventlistener() il metodo viene utilizzato per allegare a mousemove Evento chiamato funzione magica.
- IL addEventlistener iS innescato se viene rilevato il movimento del mouse. Altrimenti, allega un allegato evento per generare numeri casuali continui.
- Dopodiché, il funzione magica() il metodo viene utilizzato per generare i numeri casuali con il Matematica.casuale() metodo.
- Alla fine, un'usanza remokHandler () il metodo viene utilizzato in cui Rimuovi EventListener() viene chiamato per rimuovere l'evento che genera il numero casuale. Altrimenti, un distacco L'evento è attivato per mettere in pausa il numero.
Produzione
L'uscita restituisce un display nella finestra Chrome usando il Rimuovi EventListener() metodo. In questo display, i numeri casuali vengono continuamente generati che sono associati al movimento del topo. Un pulsante è allegato qui chiamato "Prova il pulsante magico per risolverlo". È usato per correggere il numero generato in modo casuale.
Esempio 2
Un altro esempio è seguito qui utilizzando il Rimodomina eventListener () metodo. Il codice è il seguente:
Codice
Benvenuti in JavaScript World
Un altro esempio per utilizzare il metodo RemoveEventListener ()
Nel codice, il Rimuovi EventListener() il metodo viene utilizzato con un pulsante. L'ID del pulsante viene passato a Rimuovi EventListener() metodo, che rimuoverà l'evento quando viene premuto il pulsante.
Produzione
Prima di fare clic sul pulsante:
Dopo aver fatto clic sul pulsante:
Dopo aver fatto clic sul Pulsante magico, Si chiama un evento che genera una finestra pop-up nel browser web.
Conclusione
Il metodo RemoveEventListener () viene utilizzato per rimuovere l'evento già aggiunto in JavaScript. Per praticare questo metodo, è necessario aggiungere un evento usando il addEventListener () Metodo in JavaScript. Dopodiché, il Rimodomina eventListener () Il metodo può essere chiamato per rimuovere quell'evento. Qui, hai imparato il metodo di lavoro e utilizzo del metodo RimodomerEventListener () in JavaScript con l'aiuto di esempi di base e avanzati.