Phenquestions
Sissejuhatus
JavaScript on tuntud programmeerimiskeel. Seda kasutatakse enam kui 95% veebisaitidel, millega igapäevaselt suhtleme. Sageli näete, et ühe nupuvajutusega muudetakse tervet lehte, avatakse vormiväli või kuvatakse hüpikaken. Programmeerija / arendaja vaatenurgast, kuidas saaksime sellist funktsionaalsust rakendada ja veebisaidi kasutajatega suhtlemisel hakkama saada? Mis puutub suhtlemisse, pakub JavaScript saidi sündmuste juhtimiseks sisseehitatud funktsioone.
JavaScriptis on kahte tüüpi sündmusi:
- Ürituste kuulaja - kuulab ja ootab sündmuse vallandamist
- Ürituste käitleja - hukatakse, kui mõni sündmus vallandatakse
Selles artiklis saate teada JavaScripti enim kasutatud sündmuste käitlejast onClick sündmus. Elemendi kohal hõljutamiseks või klaviatuuri klahvivajutuste jaoks on ka teisi sündmuste käitlejaid, kuid selles artiklis keskendume onClicki sündmusele.
OnClicki sündmust kasutatakse teatud ülesannete täitmiseks ühe nupuvajutusega või HTML-elemendiga suhtlemisel.
Nüüd kuvame teile näite, kuidas onClicki sündmus toimib.
Näide: teksti muutmine onClicki abil
Selles näites muudame onClicki sündmuse abil nupuvajutusega tekstivalikut. Kõigepealt teeme lõigusildi ja anname sellele ID-i "lõik", et sellele hiljem juurde pääseda. Loome nupu sündmusega onClick ja kutsume funktsiooni nimega “muutus.”
Linuxihint
Skriptifailis loome lipumuutuja, mis võimaldab meil kontrollida HTML-i lõigu märgendis oleva teksti olekut. Seejärel kirjutame funktsiooni, mis määratleb funktsiooni "muutmine". Funktsiooni määratluses loome lause "kui", milles kontrollime olekut lipumuutuja abil. Muudame ka teksti ja muudame lippu. See on üsna lihtne koodijupp!
var a = 1;funktsiooni muutus ()
kui (a == 1)
dokument.getElementById ("lõik").internalHTML = "Linuxi vihje on vinge"
a = 0;
muu
dokument.getElementById ("lõik").sisemineHTML = "Linuxihint"
a = 1;
Hästi! Pärast kogu selle koodi kirjutamist käivitame koodi, kolime oma brauserisse ja klõpsame vastloodud nuppu. Pärast nupul klõpsamist tuleks tekst muuta “Linuxhint” asemel “Linuxhint on vinge.”
Saame sama tehnikat rakendada kõikjal, et oma veebisaidi sisu vastavalt meie vajadustele muuta. Saame seda kasutada pildi muutmiseks või mis tahes tüüpi ülesannete täitmiseks, mida võime selle tööriista abil ette kujutada.
Järeldus
Selles artiklis selgitatakse, kuidas kasutada onClicki sündmust. Selles artiklis õppisite funktsiooni onClick kontseptsiooni praktilisel viisil. OnClicki sündmuse kasutamine on nii lihtne, isegi algaja saab selle funktsiooniga töötama hakata. Võite jätkata linuxhintis JavaScripti õppimist, töötamist ja lisakogemuste hankimist.com, et sellest programmeerimiskeelest paremini aru saada. Tänan sind väga!
