Este artículo ilustrará el método para deshabilitar el botón HTML en JavaScript.
¿Cómo deshabilitar el botón HTML usando JavaScript?
Para deshabilitar un botón HTML usando JavaScript, utilice el botón “ desactivado ” propiedad del elemento botón. El botón también se deshabilita con el atributo HTML 'deshabilitado', pero se deshabilitará de forma permanente y no podrá volver a habilitarlo. Al usar JavaScript, la propiedad 'deshabilitada' se puede deshabilitar y habilitar dinámicamente el botón.
Sintaxis
La sintaxis dada se utiliza para deshabilitar el botón:
objeto de botón. desactivado
Ejemplo 1: deshabilitar el botón
Cree un botón en un archivo HTML y asigne una identificación ' botón ” que ayudará a acceder a este botón:
< identificación del botón = 'botón' > Botón botón >
Obtenga el botón HTML en un archivo JavaScript, usando su identificación asignada con la ayuda de ' getElementById() ' método:
era botón = documento. getElementById ( 'botón' ) ;
Establecer la propiedad “ desactivado ' a ' verdadero ”:
botón. desactivado = verdadero ;Como puede ver, el botón en la salida ha sido deshabilitado:
Ejemplo 2: deshabilite el botón en el evento de clic
Aquí, deshabilitaremos el botón mientras hacemos clic en él. Primero, obtenga la referencia del botón usando su id asignado:
Llama a ' agregarEventListener() ” adjuntando el “ hacer clic 'evento, que establecerá la propiedad deshabilitada' verdadero ” mientras hace clic en el botón:
botón. agregarEventListener ( 'hacer clic' , función ( ) {si ( botón. desactivado ) {
botón. desactivado = FALSO ;
}
demás {
botón. desactivado = verdadero ;
}
} ) ;
Se puede observar que al hacer clic en el botón, se deshabilita:
Eso fue todo sobre el botón de desactivación en JavaScript.
Conclusión
Para deshabilitar el botón HTML en JavaScript, use el botón “ desactivado ” propiedad del elemento botón. Ayuda a habilitar o deshabilitar el botón dinámicamente mientras que el atributo HTML 'deshabilitado' deshabilita permanentemente el botón. Este artículo ilustra el método para deshabilitar el botón HTML en JavaScript.