Αυτό το άρθρο θα παρουσιάσει τη μέθοδο απενεργοποίησης του κουμπιού HTML στο JavaScript.
Πώς να απενεργοποιήσετε το κουμπί HTML χρησιμοποιώντας JavaScript;
Για να απενεργοποιήσετε ένα κουμπί HTML χρησιμοποιώντας JavaScript, χρησιμοποιήστε το ' άτομα με ειδικές ανάγκες ιδιότητα του στοιχείου κουμπιού. Το κουμπί είναι επίσης απενεργοποιημένο χρησιμοποιώντας το χαρακτηριστικό HTML 'disabled', αλλά θα απενεργοποιηθεί οριστικά και δεν θα μπορείτε να το ενεργοποιήσετε ξανά. Κατά τη χρήση JavaScript, η ιδιότητα 'disabled' μπορεί να απενεργοποιηθεί και να ενεργοποιηθεί δυναμικά το κουμπί.
Σύνταξη
Η δεδομένη σύνταξη χρησιμοποιείται για την απενεργοποίηση του κουμπιού:
κουμπίΑντικείμενο. άτομα με ειδικές ανάγκες
Παράδειγμα 1: Απενεργοποιήστε το κουμπί
Δημιουργήστε ένα κουμπί σε ένα αρχείο HTML και αντιστοιχίστε ένα αναγνωριστικό ' κουμπί ' που θα σας βοηθήσει να αποκτήσετε πρόσβαση σε αυτό το κουμπί:
< αναγνωριστικό κουμπιού = 'κουμπί' > Κουμπί κουμπί >
Λήψη του κουμπιού HTML σε ένα αρχείο JavaScript, χρησιμοποιώντας το αναγνωριστικό που έχει εκχωρηθεί με τη βοήθεια του ' getElementById() 'μέθοδος:
ήταν κουμπί = έγγραφο. getElementById ( 'κουμπί' ) ;
Ορίστε την ιδιότητα ' άτομα με ειδικές ανάγκες ' προς την ' αληθής ”:
κουμπί. άτομα με ειδικές ανάγκες = αληθής ;Όπως μπορείτε να δείτε, το κουμπί στην έξοδο έχει απενεργοποιηθεί:
Παράδειγμα 2: Απενεργοποιήστε το κουμπί στο συμβάν κλικ
Εδώ, θα απενεργοποιήσουμε το κουμπί κάνοντας κλικ σε αυτό. Πρώτα, λάβετε την αναφορά του κουμπιού χρησιμοποιώντας το αναγνωριστικό που έχει εκχωρηθεί:
Καλέστε το ' addEventListener() ' μέθοδος επισυνάπτοντας το ' Κάντε κλικ ' συμβάν, που θα ορίσει την ιδιότητα με ειδικές ανάγκες ' αληθής ' κάνοντας κλικ στο κουμπί:
κουμπί. addEventListener ( 'Κάντε κλικ' , λειτουργία ( ) {αν ( κουμπί. άτομα με ειδικές ανάγκες ) {
κουμπί. άτομα με ειδικές ανάγκες = ψευδής ;
}
αλλού {
κουμπί. άτομα με ειδικές ανάγκες = αληθής ;
}
} ) ;
Μπορεί να παρατηρηθεί ότι όταν κάνετε κλικ στο κουμπί, απενεργοποιείται:
Αυτό αφορούσε το κουμπί απενεργοποίησης στο JavaScript.
συμπέρασμα
Για να απενεργοποιήσετε το κουμπί HTML στο JavaScript, χρησιμοποιήστε το ' άτομα με ειδικές ανάγκες ιδιότητα του στοιχείου κουμπιού. Βοηθά στην ενεργοποίηση ή απενεργοποίηση του κουμπιού δυναμικά, ενώ το χαρακτηριστικό HTML 'disabled' απενεργοποιεί μόνιμα το κουμπί. Αυτό το άρθρο επεξηγεί τη μέθοδο για την απενεργοποίηση του κουμπιού HTML σε JavaScript.