Овај чланак ће илустровати метод за онемогућавање ХТМЛ дугмета у ЈаваСцрипт-у.
Како онемогућити ХТМЛ дугме користећи ЈаваСцрипт?
Да бисте онемогућили ХТМЛ дугме помоћу ЈаваСцрипт-а, користите „ онеспособљени ” својство елемента дугмета. Дугме је такође онемогућено помоћу ХТМЛ атрибута „онемогућено“, али ће бити трајно онемогућено и нећете моћи поново да га омогућите. Док користите ЈаваСцрипт, својство „онемогућено“ се може онемогућити и динамички омогућити дугме.
Синтакса
Дата синтакса се користи за онемогућавање дугмета:
буттонОбјецт. онеспособљени
Пример 1: Онемогућите дугме
Направите дугме у ХТМЛ датотеци и доделите ИД „ дугме ” који ће вам помоћи да приступите овом дугмету:
< дугме ид = 'дугме' > Дугме дугме >
Преузмите ХТМЛ дугме у ЈаваСцрипт датотеци, користећи њихов додељени ИД уз помоћ „ гетЕлементБиИд() ” метод:
био дугме = документ. гетЕлементБиИд ( 'дугме' ) ;
Подесите својство “ онеспособљени ' до ' истина ”:
дугме. онеспособљени = истина ;Као што видите, дугме у излазу је онемогућено:
Пример 2: Онемогућите дугме на догађају клика
Овде ћемо онемогућити дугме док кликнемо на њега. Прво, узмите референцу дугмета користећи додељени ИД:
Звати ' аддЕвентЛистенер() ” метод прилагањем „ кликните ” догађај, који ће поставити онемогућено својство “ истина ” док кликнете на дугме:
дугме. аддЕвентЛистенер ( 'кликни' , функција ( ) {ако ( дугме. онеспособљени ) {
дугме. онеспособљени = лажно ;
}
друго {
дугме. онеспособљени = истина ;
}
} ) ;
Може се приметити да када се кликне на дугме, оно постаје онемогућено:
То је било све око дугмета за онемогућавање у ЈаваСцрипт-у.
Закључак
Да бисте онемогућили ХТМЛ дугме у ЈаваСцрипт-у, користите „ онеспособљени ” својство елемента дугмета. Помаже да се дугме динамички омогући или онемогући док ХТМЛ атрибут „дисаблед“ трајно онемогућава дугме. Овај чланак је илустровао метод за онемогућавање ХТМЛ дугмета у ЈаваСцрипт-у.