JavaScript | Método de RemoVentListener con ejemplos

JavaScript ofrece una serie de métodos incorporados para ejecutar algunas operaciones básicas e.gramo. Validación de formulario, manejo de eventos, gestión de sitios web, etc. El RemoVentListener () El método se utiliza para eliminar un evento que ya se ha agregado en JavaScript.

Para comprender el método removeventListener (), primero el usuario debe tener una idea del addEventListener () método. En el método addEventListener (), se adjunta un evento con este método para realizar las operaciones. Por otro lado, se utiliza el método remoTeVentListener () para eliminar un evento. Esta guía proporciona una visión profunda del método RemoVentListener () en JavaScript.

Cómo usar el método RemoVentListener () en JavaScript?

Si un usuario desea deshabilitar un botón después de un clic, puede usar el RemoVentListener () método. La sintaxis del método RemoLEventListener () es la siguiente:

Sintaxis

elemento.RemoVentListener (evento, función, captura)

Los parámetros que se utilizan en la sintaxis anterior se enumeran aquí:

• evento: identifica el evento que se eliminará.
• función: representa la función eliminar.
• captura: especifica verdadero y falso según el resultado; El valor predeterminado es falso.

Ejemplo 1

Un ejemplo está adaptado en el que el RemoVentListener () El método se utiliza para eliminar un evento que ha sido agregado por el addEventListener () método. En este ejemplo, se requieren dos argumentos. Un argumento especifica el nombre del evento, mientras que el otro es una función asociada con el oyente del evento.

Código

Bienvenido a JavaScript World

Un ejemplo para usar el método removeventListener ()

Prueba el botón mágico para arreglarlo

La descripción del código anterior se alista aquí:

• Primero el AddEventListener() El método se utiliza para adjuntar un movimiento del ratón evento nombrado MagicFunction.
• El addEventListener iS activado si se detecta el movimiento del mouse. De lo contrario, adjunta un adjunta evento para generar números aleatorios continuos.
• Después de eso, el MagicFunction() El método se utiliza para generar los números aleatorios con el Matemáticas.aleatorio() método.
• Al final, una costumbre removeHandler () se utiliza el método en el que removerVentListener() se llama a eliminar el evento que genera el número aleatorio. De lo contrario, un desprendimiento El evento se activa para detener el número.

Producción

La salida devuelve una pantalla en la ventana Chrome usando el removerVentListener() método. En esta pantalla, los números aleatorios se generan continuamente asociados con el movimiento del ratón. Aquí se adjunta un botón "Prueba el botón mágico para arreglarlo". Se usa para arreglar el número generado al azar.

Ejemplo 2

Se sigue otro ejemplo aquí utilizando el RemoVentListener () método. El código es el siguiente:

Código

Bienvenido a JavaScript World

Otro ejemplo para usar el método removeventListener ()

Botón mágico

En el código, el removerVentListener() El método se utiliza con un botón. La identificación del botón se pasa al removerVentListener() método, que eliminará el evento cuando se presione el botón.

Producción

Antes de hacer clic en el botón:

Después de hacer clic en el botón:

Después de hacer clic en el Botón mágico, Se llama un evento que genera una ventana emergente en el navegador web.

Conclusión

El método RemoVentListener () se utiliza para eliminar el evento ya agregado en JavaScript. Para practicar este método, debe agregar un evento utilizando el addEventListener () Método en JavaScript. Después de eso, el RemoVentListener () Se puede llamar al método para eliminar ese evento. Aquí, ha aprendido el trabajo y el uso del método RemoVentListener () en JavaScript con la ayuda de ejemplos básicos y avanzados.