Tento článok bude ilustrovať metódu zakázania tlačidla HTML v JavaScripte.
Ako zakázať tlačidlo HTML pomocou JavaScriptu?
Ak chcete zakázať tlačidlo HTML pomocou JavaScriptu, použite „ zdravotne postihnutých ” vlastnosť prvku button. Tlačidlo je tiež deaktivované pomocou atribútu HTML „disabled“, ale bude vypnuté natrvalo a nebudete ho môcť znova povoliť. Počas používania JavaScriptu je možné deaktivovať vlastnosť „disabled“ a dynamicky aktivovať tlačidlo.
Syntax
Daná syntax sa používa na deaktiváciu tlačidla:
buttonObject. zdravotne postihnutých
Príklad 1: Zakázať tlačidlo
Vytvorte tlačidlo v súbore HTML a priraďte mu id “ tlačidlo “, ktoré vám pomôžu získať prístup k tomuto tlačidlu:
< ID tlačidla = 'tlačidlo' > Tlačidlo tlačidlo >
Načítajte tlačidlo HTML v súbore JavaScript pomocou ich priradeného ID pomocou „ getElementById() “ metóda:
bol tlačidlo = dokument. getElementById ( 'tlačidlo' ) ;
Nastaviť vlastnosť ' zdravotne postihnutých “ až “ pravda “:
tlačidlo. zdravotne postihnutých = pravda ;Ako vidíte, tlačidlo vo výstupe bolo deaktivované:
Príklad 2: Vypnite tlačidlo na udalosti kliknutia
Tu deaktivujeme tlačidlo pri kliknutí naň. Najprv získajte referenciu tlačidla pomocou priradeného ID:
Zavolajte na „ addEventListener() ” spôsobom pripojením “ kliknite ” udalosť, ktorá nastaví zakázanú vlastnosť “ pravda “ pri kliknutí na tlačidlo:
tlačidlo. addEventListener ( 'klik' , funkciu ( ) {ak ( tlačidlo. zdravotne postihnutých ) {
tlačidlo. zdravotne postihnutých = falošný ;
}
inak {
tlačidlo. zdravotne postihnutých = pravda ;
}
} ) ;
Je možné pozorovať, že pri kliknutí na tlačidlo sa deaktivuje:
To bolo všetko o deaktivácii tlačidla v JavaScripte.
Záver
Ak chcete vypnúť tlačidlo HTML v jazyku JavaScript, použite „ zdravotne postihnutých ” vlastnosť prvku button. Pomáha dynamicky povoliť alebo zakázať tlačidlo, zatiaľ čo atribút HTML „disabled“ tlačidlo natrvalo zakáže. Tento článok ilustroval metódu na zakázanie tlačidla HTML v JavaScripte.