Denne artikel vil illustrere metoden til at deaktivere HTML-knappen i JavaScript.
Sådan deaktiveres HTML-knap ved hjælp af JavaScript?
For at deaktivere en HTML-knap ved hjælp af JavaScript skal du bruge ' handicappet ” egenskab for knapelementet. Knappen er også deaktiveret ved hjælp af HTML-attributten 'disabled', men den vil blive deaktiveret permanent, og du vil ikke være i stand til at genaktivere den igen. Mens du bruger JavaScript, kan egenskaben 'deaktiveret' deaktiveres og dynamisk aktiveres knappen.
Syntaks
Den givne syntaks bruges til at deaktivere knappen:
knapObjekt. handicappet
Eksempel 1: Deaktiver knappen
Opret en knap i en HTML-fil og tildel et id ' knap ”, der vil hjælpe med at få adgang til denne knap:
< knap-id = 'knap' > Knap knap >
Hent HTML-knappen i en JavaScript-fil ved hjælp af deres tildelte id ved hjælp af ' getElementById() ” metode:
var knap = dokument. getElementById ( 'knap' ) ;
Indstil egenskaben ' handicappet ' til ' rigtigt ”:
knap. handicappet = rigtigt ;Som du kan se, er knappen i outputtet blevet deaktiveret:
Eksempel 2: Deaktiver knappen på klikhændelsen
Her vil vi deaktivere knappen, mens vi klikker på den. Først skal du hente referencen til knappen ved hjælp af dens tildelte id:
Ring til ' addEventListener() ' metode ved at vedhæfte ' klik ' hændelse, som vil sætte den deaktiverede egenskab ' rigtigt ” mens du klikker på knappen:
knap. addEventListener ( 'klik' , fungere ( ) {hvis ( knap. handicappet ) {
knap. handicappet = falsk ;
}
andet {
knap. handicappet = rigtigt ;
}
} ) ;
Det kan observeres, at mens du klikker på knappen, bliver den deaktiveret:
Det handlede om deaktiveringsknappen i JavaScript.
Konklusion
For at deaktivere HTML-knappen i JavaScript skal du bruge ' handicappet ” egenskab for knapelementet. Det hjælper med at aktivere eller deaktivere knappen dynamisk, mens HTML-attributten 'deaktiveret' deaktiverer knappen permanent. Denne artikel illustrerede metoden til at deaktivere HTML-knappen i JavaScript.