See artikkel illustreerib meetodit HTML-nupu keelamiseks JavaScriptis.
Kuidas keelata HTML-nupp JavaScripti abil?
HTML-nupu keelamiseks JavaScripti abil kasutage ' puudega ” nupu elemendi omadus. Nupp on keelatud ka HTML-i atribuudi 'disabled' abil, kuid see keelatakse jäädavalt ja te ei saa seda uuesti lubada. JavaScripti kasutamisel saab atribuudi 'keelatud' keelata ja nupu dünaamiliselt lubada.
Süntaks
Nupu keelamiseks kasutatakse antud süntaksit:
nuppObject. puudega
Näide 1: Keela nupp
Looge HTML-failis nupp ja määrake ID ' nuppu ', mis aitab sellele nupule juurde pääseda:
< nupu id = 'nupp' > Nupp nuppu >
Tooge HTML-nupp JavaScripti failis, kasutades neile määratud ID-d, kasutades ' getElementById() ” meetod:
oli nuppu = dokument. getElementById ( 'nupp' ) ;
Määra atribuut ' puudega ' kuni ' tõsi ”:
nuppu. puudega = tõsi ;Nagu näete, on väljundis olev nupp keelatud:
Näide 2: Keelake klõpsamissündmusel olev nupp
Siin keelame nupu sellel klõpsates. Esmalt hankige nupu viide, kasutades sellele määratud ID-d:
Helistage ' addEventListener() ” meetodit, lisades klõpsa sündmus, mis seab keelatud atribuudi tõsi ” klõpsates nuppu:
nuppu. addEventListener ( 'klõpsake' , funktsiooni ( ) {kui ( nuppu. puudega ) {
nuppu. puudega = vale ;
}
muidu {
nuppu. puudega = tõsi ;
}
} ) ;
Võib täheldada, et nupul klõpsates see keelatakse:
See kõik puudutas JavaScripti keelamisnuppu.
Järeldus
HTML-nupu keelamiseks JavaScriptis kasutage ' puudega ” nupu elemendi omadus. See aitab nuppu dünaamiliselt lubada või keelata, samal ajal kui HTML-i atribuut 'keelatud' keelab nupu jäädavalt. See artikkel illustreerib meetodit HTML-nupu keelamiseks JavaScriptis.