Cuando visitamos una página web, se activan numerosas acciones. Estas acciones pueden incluir hacer clic en un botón, completar y enviar un formulario, cerrar una pestaña, seleccionar una casilla de verificación o desplazar la página. Estas actividades de eventos se pueden detener en JavaScript. Además, es posible evitar que realicen la acción predeterminada relacionada. Más específicamente, el "PreventDefault ()"El método JavaScript detiene la ejecución de un evento cancelable.

Esta publicación declaró:

• Cuál es el evento.Método PreventDefault () en JavaScript?
• Cómo usar el evento.Método PreventDefault () en JavaScript?

Que es el evento.PreventDefault () en JavaScript?

El "PreventDefault ()"Es un método JavaScript que se utiliza para evitar que el navegador ejecute las acciones y eventos predeterminados para los elementos especificados. Puede evitar que el usuario ejecute la solicitud al alcanzar el enlace.

Cómo usar el evento.Método PreventDefault () en JavaScript?

Usar el "evento.PreventDefault ()"Método en JavaScript, siga la sintaxis estancada a continuación

En la sintaxis anterior:

• "evento"Se utiliza para denotar cualquier acción.
• "PreventDefault ()El método no permite que pasen ningún parámetro. No acepta el valor del parámetro.

Ejemplo 1: Prevenir la casilla de verificación utilizando el método PreventDefault ()

Para evitar las casillas de verificación utilizando el "PreventDefault ()"Método, primero, haga una página HTML y agregue un encabezado con la ayuda de cualquier etiqueta de encabezado de"

" a "

" etiqueta. Para hacerlo, el "

"La etiqueta se utiliza aquí:

evento.Método PreventDefault ()

Utilizar el ""Etiqueta HTML y agregue la descripción dentro de la etiqueta:

Eres desarrollador

Ahora, usa el "Elemento "y agregue el atributo enumerado a continuación:

• Especifica el "tipo"Atributo y establecer el valor como" casilla de verificación ".
• "identificaciónEl atributo se usa para establecer una ID con un nombre particular:

Sí

Inserte la etiqueta de script y agregue el siguiente código:

En el fragmento de código anterior:

• Utilizar el "getElementById ()Método para devolver un elemento con una identificación particular. El método getElementById () devuelve nulo si el elemento no existe.
• "addEventListener ()El método se utiliza para vincular un controlador de eventos con un elemento definido.
• Entonces, pase el "PreventDefault ()"Como parámetro de este método, que evitará el elemento de tipo de entrada agregado.

Producción

Ejemplo 2: Evite el campo de entrada utilizando el método PreventDefault ()

Para evitar el campo de entrada usando el "PreventDefault ()"Método, primero, agregue una etiqueta usando el HTML"" etiqueta:

Insertar texto

Especifique el tipo de entrada como "texto"Y asigne una identificación:

Utilizar el ""Etiqueta y agregue el siguiente código para su posterior procesamiento:

En el fragmento de código anterior:

• Utilizar el "getElementById ()"Para obtener el elemento de campo de entrada.
• Luego, utiliza el "si/else"Declaración y agregar la condición requerida.

Producción

Eso se trata del evento.PreventDefault () en JavaScript.

Conclusión

El "PreventDefault ()"Es un método JavaScript que se utiliza para evitar que el navegador ejecute las acciones y eventos predeterminados para los elementos especificados. Puede usar este método para evitar la casilla de verificación, el campo de entrada, el botón de radio y otros tipos de entrada. Este tutorial ha declarado el uso del JavaScript "evento.PreventDefault ()" método.