Este artigo ilustrará o método para desabilitar o botão HTML em JavaScript.
Como desativar o botão HTML usando JavaScript?
Para desabilitar um botão HTML usando JavaScript, utilize o botão “ desabilitado ” do elemento de botão. O botão também é desativado usando o atributo HTML “desativado”, mas será desativado permanentemente e você não poderá reativá-lo novamente. Ao usar JavaScript, a propriedade “disabled” pode ser desabilitada e habilitada dinamicamente o botão.
Sintaxe
A sintaxe fornecida é utilizada para desabilitar o botão:
buttonObject. desabilitado
Exemplo 1: desativar o botão
Crie um botão em um arquivo HTML e atribua um id “ botão ” que ajudará a acessar este botão:
< ID do botão = 'botão' > Botão botão >
Obtenha o botão HTML em um arquivo JavaScript, usando o ID atribuído com a ajuda de “ getElementById() ” método:
era botão = documento. getElementById ( 'botão' ) ;
Defina a propriedade “ desabilitado ' para ' verdadeiro ”:
botão. desabilitado = verdadeiro ;Como você pode ver, o botão na saída foi desabilitado:
Exemplo 2: desabilitar o botão no evento Click
Aqui, desativaremos o botão ao clicar nele. Primeiro, obtenha a referência do botão usando seu id atribuído:
Ligar para ' addEventListener() ” método anexando o “ clique ” evento, que definirá a propriedade desabilitada “ verdadeiro ” ao clicar no botão:
botão. addEventListener ( 'clique' , função ( ) {se ( botão. desabilitado ) {
botão. desabilitado = falso ;
}
outro {
botão. desabilitado = verdadeiro ;
}
} ) ;
Pode-se observar que ao clicar no botão, ele fica desabilitado:
Isso foi tudo sobre o botão de desativação em JavaScript.
Conclusão
Para desativar o botão HTML em JavaScript, use o botão “ desabilitado ” do elemento de botão. Ajuda habilitar ou desabilitar o botão dinamicamente enquanto o atributo HTML “disabled” desabilita permanentemente o botão. Este artigo ilustrou o método para desabilitar o botão HTML em JavaScript.