Cet article illustrera la méthode pour désactiver le bouton HTML en JavaScript.
Comment désactiver le bouton HTML à l'aide de JavaScript ?
Pour désactiver un bouton HTML à l'aide de JavaScript, utilisez le ' désactivé ” propriété de l'élément bouton. Le bouton est également désactivé à l'aide de l'attribut HTML 'désactivé', mais il sera désactivé de manière permanente et vous ne pourrez plus le réactiver. Lors de l'utilisation de JavaScript, la propriété 'disabled' peut être désactivée et activer dynamiquement le bouton.
Syntaxe
La syntaxe donnée est utilisée pour désactiver le bouton :
boutonObjet. désactivé
Exemple 1 : désactiver le bouton
Créez un bouton dans un fichier HTML et attribuez-lui un identifiant ' bouton ” qui vous aidera à accéder à ce bouton :
< identifiant du bouton = 'bouton' > Bouton bouton >
Récupérez le bouton HTML dans un fichier JavaScript, en utilisant son identifiant attribué à l'aide de ' getElementById() ' méthode:
était bouton = document. getElementById ( 'bouton' ) ;
Définissez la propriété ' désactivé ' pour ' vrai ” :
bouton. désactivé = vrai ;Comme vous pouvez le voir, le bouton dans la sortie a été désactivé :
Exemple 2 : Désactiver le bouton sur l'événement de clic
Ici, nous allons désactiver le bouton en cliquant dessus. Tout d'abord, récupérez la référence du bouton à l'aide de son identifiant attribué :
Appeler le ' addEventListener() ” méthode en joignant le “ Cliquez sur ' événement, qui définira la propriété désactivée ' vrai ” en cliquant sur le bouton :
bouton. addEventListener ( 'Cliquez sur' , fonction ( ) {si ( bouton. désactivé ) {
bouton. désactivé = FAUX ;
}
autre {
bouton. désactivé = vrai ;
}
} ) ;
On peut observer qu'en cliquant sur le bouton, il se désactive :
C'était tout à propos du bouton de désactivation en JavaScript.
Conclusion
Pour désactiver le bouton HTML en JavaScript, utilisez le ' désactivé ” propriété de l'élément bouton. Il est utile d'activer ou de désactiver le bouton dynamiquement tandis que l'attribut HTML 'désactivé' désactive définitivement le bouton. Cet article illustre la méthode de désactivation du bouton HTML en JavaScript.