Ta članek bo prikazal način za onemogočanje gumba HTML v JavaScriptu.
Kako onemogočiti gumb HTML z uporabo JavaScripta?
Če želite onemogočiti gumb HTML z uporabo JavaScripta, uporabite » onemogočeno ” lastnost elementa gumba. Gumb je onemogočen tudi z atributom HTML »disabled«, vendar bo trajno onemogočen in ga ne boste mogli znova omogočiti. Med uporabo JavaScripta je mogoče lastnost »onemogočeno« onemogočiti in gumb dinamično omogočiti.
Sintaksa
Za onemogočanje gumba se uporablja dana sintaksa:
buttonObject. onemogočeno
1. primer: onemogočite gumb
Ustvarite gumb v datoteki HTML in dodelite ID ' gumb «, ki bo pomagal pri dostopu do tega gumba:
< ID gumba = 'gumb' > Gumb gumb >
Pridobite gumb HTML v datoteki JavaScript z uporabo njihovega dodeljenega ID-ja s pomočjo ' getElementById() ” metoda:
je bil gumb = dokument. getElementById ( 'gumb' ) ;
Nastavite lastnost ' onemogočeno ' do ' prav ”:
gumb. onemogočeno = prav ;Kot lahko vidite, je bil gumb v izhodu onemogočen:
Primer 2: onemogočanje gumba ob dogodku klika
Tukaj bomo onemogočili gumb, medtem ko ga kliknemo. Najprej pridobite referenco gumba z uporabo dodeljenega ID-ja:
Pokličite ' addEventListener() ' tako, da priložite ' kliknite ' dogodek, ki bo nastavil onemogočeno lastnost ' prav ” ob kliku na gumb:
gumb. addEventListener ( 'klik' , funkcijo ( ) {če ( gumb. onemogočeno ) {
gumb. onemogočeno = lažno ;
}
drugače {
gumb. onemogočeno = prav ;
}
} ) ;
Opazimo lahko, da se ob kliku na gumb onemogoči:
To je bilo vse o gumbu za onemogočanje v JavaScriptu.
Zaključek
Če želite onemogočiti gumb HTML v JavaScriptu, uporabite » onemogočeno ” lastnost elementa gumba. Pomaga dinamično omogočiti ali onemogočiti gumb, medtem ko atribut HTML »onemogočeno« gumb trajno onemogoči. Ta članek je ponazoril metodo za onemogočanje gumba HTML v JavaScriptu.