Įvadas
„JavaScript“ yra gerai žinoma programavimo kalba. Jis naudojamas daugiau nei 95% svetainių, su kuriomis bendraujame kasdien. Dažnai galite pamatyti, kad spustelėjus mygtuką, pasikeičia visas puslapis, atidaromas formos laukas arba atsiranda iššokantis langas. Žiūrint iš programuotojo / kūrėjo perspektyvos, kaip mes galime įdiegti tokį funkcionalumą ir tvarkyti svetainės sąveiką su vartotojais? Kalbant apie sąveiką, „JavaScript“ suteikia įmontuotas funkcijas, skirtas valdyti įvykius svetainėje.
„JavaScript“ yra dviejų tipų įvykiai:
- Renginių klausytojas - išklauso ir laukia, kol įvykis bus atleistas
- Renginių tvarkytojas - įvykdytas įvykiui atleidus
Šiame straipsnyje sužinosite apie dažniausiai naudojamą „JavaScript“ įvykių tvarkyklę paspaudus įvykis. Yra ir kitų įvykių tvarkytuvių, leidžiančių užvesti pelės žymeklį virš elemento arba klaviatūros klavišus, tačiau šiame straipsnyje daugiausia dėmesio skirsime „onClick“ įvykiui.
„OnClick“ įvykis naudojamas tam tikroms užduotims atlikti spustelėjus mygtuką arba sąveikaujant su HTML elementu.
Dabar parodysime pavyzdį, kaip parodyti, kaip veikia „onClick“ įvykis.
Pavyzdys: Keiskite tekstą naudodami „onClick“
Šiame pavyzdyje mes pakeisime teksto pasirinkimą spustelėdami mygtuką naudodami „onClick“ įvykį. Pirma, mes padarysime pastraipos žymą ir suteiksime jai „paragrafą“, kad galėtumėte vėliau pasiekti. Sukursime mygtuką su „onClick“ įvykiu ir iškviesime funkciją pavadinimu „pakeisti.“
„Linuxhint“
Scenarijaus faile sukursime žymos kintamąjį, kuris leis mums patikrinti HTML pastraipos žymos teksto būseną. Tada mes parašysime funkciją, apibrėžiančią „pakeisti“ funkciją. Funkcijos apibrėžime sukursime sakinį „jei“, kuriame patikrinsime būseną naudodamiesi vėliavos kintamuoju. Taip pat pakeisime tekstą ir vėliavą. Tai gana paprastas kodo fragmentas!
var a = 1;funkcijos pakeitimas ()
jei (a == 1)
dokumentas.„getElementById“ („pastraipa“).internalHTML = "Linuxhint yra nuostabus"
a = 0;
Kitas
dokumentas.„getElementById“ („pastraipa“).internalHTML = "Linuxhint"
a = 1;
Gerai! Parašę visą šį kodą, mes paleisime kodą, pereisime į savo naršyklę ir spustelėkite naujai sukurtą mygtuką. Spustelėjus mygtuką, tekstas turėtų būti pakeistas iš „Linuxhint“ į „Linuxhint yra nuostabus.“
Tą pačią techniką galime pritaikyti bet kur, kad pakeistume savo svetainės turinį pagal savo poreikius. Mes galime jį naudoti keisdami vaizdą ar atlikdami bet kokio tipo užduotis, kurias galime įsivaizduoti naudodami šį įrankį.
Išvada
Šiame straipsnyje paaiškinta, kaip naudoti „onClick“ įvykį. Šiame straipsnyje jūs praktiškai išmokote „onClick“ funkcijos sampratą. „OnClick“ įvykio naudojimas yra toks paprastas, kad net pradedantysis gali pradėti dirbti su šia funkcija. Galite toliau mokytis, dirbti ir įgyti daugiau „JavaScript“ patirties „linuxhint“.com, kad geriau suprastumėte šią programavimo kalbą. Labai ačiū!