Phenquestions
Ievads
JavaScript ir plaši pazīstama programmēšanas valoda. To lieto vairāk nekā 95% vietņu, ar kurām mēs ikdienā mijiedarbojamies. Bieži vien jūs varat redzēt, ka, noklikšķinot uz pogas, tiek mainīta visa lapa, tiek atvērts formas lauks vai tiek parādīts uznirstošais lodziņš. No programmētāja / izstrādātāja viedokļa, kā mēs varam ieviest šādu funkcionalitāti un rīkoties ar vietnes mijiedarbību ar lietotājiem? Runājot par mijiedarbību, JavaScript nodrošina iebūvētas funkcijas, lai kontrolētu notikumus vietnē.
JavaScript ir divu veidu notikumi:
- Pasākumu klausītājs - klausās un gaida, kad notikums tiks atlaists
- Pasākumu apstrādātājs - izpildīts, kad notikums tiek atlaists
Šajā rakstā jūs uzzināsit par visbiežāk izmantoto JavaScript notikumu apstrādātāju onClick notikumu. Ir arī citi notikumu apstrādātāji, kas atrodas virzīšanai virs elementa vai tastatūras taustiņu nospiešanai, taču šajā rakstā mēs pievērsīsimies notikumam onClick.
OnClick notikums tiek izmantots, lai veiktu noteiktus uzdevumus, noklikšķinot uz pogas vai mijiedarbojoties ar HTML elementu.
Tagad mēs parādīsim piemēru, lai parādītu, kā darbojas onClick notikums.
Piemērs: Mainiet tekstu, izmantojot onClick
Šajā piemērā mēs mainīsim teksta izvēli, noklikšķinot uz pogas, izmantojot notikumu onClick. Pirmkārt, mēs izveidosim rindkopas tagu un piešķirsim tam ID “rindkopu”, lai piekļūtu tam vēlāk. Mēs izveidosim pogu ar notikumu onClick un izsauksim funkciju ar nosaukumu “mainīt.”
Linuxhint
Skripta failā mēs izveidosim karodziņa mainīgo, kas ļaus mums pārbaudīt teksta statusu mūsu HTML rindkopas tagā. Tad mēs uzrakstīsim funkciju, kas definēs funkciju “mainīt”. Funkcijas definīcijā mēs izveidosim paziņojumu “ja”, kurā mēs pārbaudīsim statusu, izmantojot karodziņa mainīgo. Mēs mainīsim arī tekstu un karodziņu. Tas ir diezgan vienkāršs koda gabals!
var a = 1;funkcijas maiņa ()
ja (a == 1)
dokumentu.getElementById ("rindkopa").internalHTML = "Linuxhint ir lielisks"
a = 0;
cits
dokumentu.getElementById ("rindkopa").internalHTML = "Linuxhint"
a = 1;
Viss kārtībā! Pēc visa šī koda uzrakstīšanas mēs palaidīsim kodu, pārejam uz mūsu pārlūkprogrammu un noklikšķiniet uz jaunizveidotās pogas. Pēc noklikšķināšanas uz pogas teksts jāmaina no “Linuxhint” uz “Linuxhint is awesome.”
Mēs varam pielietot to pašu tehniku jebkurā vietā, lai mainītu mūsu vietnes saturu atbilstoši mūsu vajadzībām. Mēs to varam izmantot, mainot attēlu vai veicot jebkura veida uzdevumus, kurus varam iedomāties, izmantojot šo rīku.
Secinājums
Šajā rakstā ir paskaidrots, kā izmantot notikumu onClick. Šajā rakstā jūs praktiskā veidā uzzinājāt onClick funkcijas jēdzienu. OnClick notikuma izmantošana ir tik vienkārša, pat iesācējs var sākt strādāt ar šo funkciju. Jūs varat turpināt mācīties, strādāt un iegūt lielāku pieredzi JavaScript vietnē linuxhint.com, lai labāk izprastu šo programmēšanas valodu. Liels tev paldies!
