Ovaj će članak ilustrirati metodu onemogućavanja HTML gumba u JavaScriptu.
Kako onemogućiti HTML gumb pomoću JavaScripta?
Da biste onemogućili HTML gumb pomoću JavaScripta, upotrijebite ' onemogućeno ” svojstvo elementa gumba. Gumb je također onemogućen korištenjem HTML atributa 'disabled', ali će biti trajno onemogućen i nećete ga moći ponovo omogućiti. Dok koristite JavaScript, svojstvo 'onemogućeno' može se onemogućiti i dinamički omogućiti gumb.
Sintaksa
Navedena sintaksa koristi se za onemogućavanje gumba:
buttonObject. onemogućeno
Primjer 1: Onemogućite gumb
Napravite gumb u HTML datoteci i dodijelite ID ' dugme ” koji će vam pomoći da pristupite ovom gumbu:
< id gumba = 'dugme' > Dugme dugme >
Dohvatite HTML gumb u JavaScript datoteci, koristeći njihov dodijeljeni ID uz pomoć ' getElementById() ” metoda:
bio je dugme = dokument. getElementById ( 'dugme' ) ;
Postavite svojstvo ' onemogućeno ” do “ pravi ”:
dugme. onemogućeno = pravi ;Kao što vidite, gumb u izlazu je onemogućen:
Primjer 2: Onemogućite gumb na događaju klika
Ovdje ćemo onemogućiti gumb dok kliknemo na njega. Najprije dohvatite referencu gumba koristeći njegov dodijeljeni ID:
Nazovite ' addEventListener() ” prilaganjem “ klik ' događaj, koji će postaviti onemogućeno svojstvo ' pravi ” dok kliknete na gumb:
dugme. addEventListener ( 'klik' , funkcija ( ) {ako ( dugme. onemogućeno ) {
dugme. onemogućeno = lažno ;
}
drugo {
dugme. onemogućeno = pravi ;
}
} ) ;
Može se primijetiti da se prilikom klika na gumb onemogućuje:
To je bilo sve o gumbu za onemogućavanje u JavaScriptu.
Zaključak
Da biste onemogućili HTML gumb u JavaScriptu, koristite ' onemogućeno ” svojstvo elementa gumba. Pomaže pri dinamičkom omogućavanju ili onemogućavanju gumba dok HTML atribut 'onemogućeno' trajno onemogućuje gumb. Ovaj je članak ilustrirao metodu za onemogućavanje HTML gumba u JavaScriptu.