Dieser Artikel veranschaulicht die Methode zum Deaktivieren der HTML-Schaltfläche in JavaScript.
Wie deaktiviere ich die HTML-Schaltfläche mit JavaScript?
Um eine HTML-Schaltfläche mit JavaScript zu deaktivieren, verwenden Sie das „ Behinderte ”-Eigenschaft des Button-Elements. Die Schaltfläche wird auch mithilfe des HTML-Attributs „disabled“ deaktiviert, aber sie wird dauerhaft deaktiviert und Sie können sie nicht erneut aktivieren. Bei Verwendung von JavaScript kann die Eigenschaft „deaktiviert“ deaktiviert und die Schaltfläche dynamisch aktiviert werden.
Syntax
Die angegebene Syntax wird zum Deaktivieren der Schaltfläche verwendet:
buttonObject. Behinderte
Beispiel 1: Deaktivieren Sie die Schaltfläche
Erstellen Sie eine Schaltfläche in einer HTML-Datei und weisen Sie eine ID zu “ Taste “, das hilft, auf diese Schaltfläche zuzugreifen:
< Schaltflächen-ID = 'Taste' > Taste Taste >
Rufen Sie die HTML-Schaltfläche in einer JavaScript-Datei ab, indem Sie die zugewiesene ID mit Hilfe von „ getElementById() ' Methode:
War Taste = dokumentieren. getElementById ( 'Taste' ) ;
Setzen Sie die Eigenschaft „ Behinderte ' Zu ' WAHR “:
Taste. Behinderte = WAHR ;Wie Sie sehen können, wurde die Schaltfläche in der Ausgabe deaktiviert:
Beispiel 2: Deaktivieren Sie die Schaltfläche auf dem Click-Ereignis
Hier deaktivieren wir die Schaltfläche, während wir darauf klicken. Rufen Sie zuerst die Referenz der Schaltfläche mit der zugewiesenen ID ab:
Ruf den ' addEventListener() “-Methode durch Anhängen des „ klicken ” Ereignis, das die deaktivierte Eigenschaft setzt “ WAHR “ beim Klicken auf die Schaltfläche:
Taste. addEventListener ( 'klicken' , Funktion ( ) {Wenn ( Taste. Behinderte ) {
Taste. Behinderte = FALSCH ;
}
anders {
Taste. Behinderte = WAHR ;
}
} ) ;
Es kann beobachtet werden, dass beim Klicken auf die Schaltfläche diese deaktiviert wird:
Das war alles über die Deaktivierungsschaltfläche in JavaScript.
Abschluss
Um die HTML-Schaltfläche in JavaScript zu deaktivieren, verwenden Sie das „ Behinderte ”-Eigenschaft des Button-Elements. Es hilft, die Schaltfläche dynamisch zu aktivieren oder zu deaktivieren, während das HTML-Attribut „deaktiviert“ die Schaltfläche dauerhaft deaktiviert. Dieser Artikel veranschaulicht die Methode zum Deaktivieren der HTML-Schaltfläche in JavaScript.