Tento článek bude ilustrovat způsob, jak zakázat tlačítko HTML v JavaScriptu.
Jak zakázat tlačítko HTML pomocí JavaScriptu?
Chcete-li zakázat tlačítko HTML pomocí JavaScriptu, použijte „ zakázáno ” vlastnost prvku button. Tlačítko je také deaktivováno pomocí HTML atributu „disabled“, ale bude deaktivováno trvale a nebudete jej moci znovu povolit. Při používání JavaScriptu lze zakázat vlastnost „disabled“ a dynamicky aktivovat tlačítko.
Syntax
Daná syntaxe se používá pro deaktivaci tlačítka:
buttonObject. zakázáno
Příklad 1: Deaktivujte tlačítko
Vytvořte tlačítko v souboru HTML a přiřaďte mu id “ knoflík “, které vám pomohou získat přístup k tomuto tlačítku:
< ID tlačítka = 'knoflík' > Knoflík knoflík >
Načtěte tlačítko HTML v souboru JavaScript pomocí jejich přiřazeného ID pomocí „ getElementById() “ metoda:
byl knoflík = dokument. getElementById ( 'knoflík' ) ;
Nastavte vlastnost ' zakázáno “ až “ skutečný “:
knoflík. zakázáno = skutečný ;Jak vidíte, tlačítko ve výstupu bylo deaktivováno:
Příklad 2: Deaktivujte tlačítko na události kliknutí
Zde deaktivujeme tlačítko při kliknutí na něj. Nejprve získejte odkaz na tlačítko pomocí jeho přiřazeného id:
Zavolej ' addEventListener() “ metodou připojením “ klikněte ” událost, která nastaví vlastnost zakázáno “ skutečný “ při kliknutí na tlačítko:
knoflík. addEventListener ( 'kliknout' , funkce ( ) {-li ( knoflík. zakázáno ) {
knoflík. zakázáno = Nepravdivé ;
}
jiný {
knoflík. zakázáno = skutečný ;
}
} ) ;
Lze pozorovat, že při kliknutí na tlačítko se deaktivuje:
To bylo vše o deaktivaci tlačítka v JavaScriptu.
Závěr
Chcete-li zakázat tlačítko HTML v JavaScriptu, použijte „ zakázáno ” vlastnost prvku button. Pomáhá dynamicky aktivovat nebo deaktivovat tlačítko, zatímco atribut HTML „disabled“ trvale deaktivuje tlačítko. Tento článek ilustroval metodu pro deaktivaci tlačítka HTML v JavaScriptu.