Questo articolo illustrerà il metodo per disabilitare il pulsante HTML in JavaScript.
Come disabilitare il pulsante HTML utilizzando JavaScript?
Per disabilitare un pulsante HTML utilizzando JavaScript, utilizzare il ' Disabilitato ” proprietà dell'elemento pulsante. Anche il pulsante viene disabilitato utilizzando l'attributo HTML 'disabilitato', ma verrà disabilitato in modo permanente e non sarà possibile riattivarlo nuovamente. Durante l'utilizzo di JavaScript, la proprietà 'disabled' può essere disabilitata e abilitata dinamicamente il pulsante.
Sintassi
La sintassi data viene utilizzata per disabilitare il pulsante:
pulsanteOggetto. Disabilitato
Esempio 1: disabilitare il pulsante
Crea un pulsante in un file HTML e assegna un id ' pulsante ” che ti aiuterà ad accedere a questo pulsante:
< ID pulsante = 'pulsante' > Pulsante pulsante >
Recupera il pulsante HTML in un file JavaScript, utilizzando l'ID assegnato con l'aiuto di ' getElementById() ' metodo:
era pulsante = documento. getElementById ( 'pulsante' ) ;
Imposta la proprietà ' Disabilitato ' A ' VERO ”:
pulsante. Disabilitato = VERO ;Come puoi vedere, il pulsante nell'output è stato disabilitato:
Esempio 2: disabilitare il pulsante sull'evento clic
Qui, disabiliteremo il pulsante mentre ci clicchiamo sopra. Innanzitutto, ottieni il riferimento del pulsante utilizzando l'ID assegnato:
Chiama il ' addEventListener() ” metodo allegando il “ clic ” evento, che imposterà la proprietà disabled “ VERO ” mentre si fa clic sul pulsante:
pulsante. addEventListener ( 'clic' , funzione ( ) {Se ( pulsante. Disabilitato ) {
pulsante. Disabilitato = falso ;
}
altro {
pulsante. Disabilitato = VERO ;
}
} ) ;
Si può osservare che mentre si fa clic sul pulsante, viene disabilitato:
Riguardava il pulsante di disabilitazione in JavaScript.
Conclusione
Per disabilitare il pulsante HTML in JavaScript, utilizzare il ' Disabilitato ” proprietà dell'elemento pulsante. Aiuta ad abilitare o disabilitare il pulsante in modo dinamico mentre l'attributo HTML 'disabilitato' disabilita permanentemente il pulsante. Questo articolo ha illustrato il metodo per disabilitare il pulsante HTML in JavaScript.