Phenquestions
Úvod
JavaScript je známy programovací jazyk. Používa sa na viac ako 95% webov, s ktorými denne interagujeme. Často sa môžete stretnúť s tým, že kliknutím na tlačidlo sa zmení celá stránka, otvorí sa pole formulára alebo sa zobrazí vyskakovacie okno. Ako môžeme z pohľadu programátora / vývojára implementovať takúto funkcionalitu a zvládnuť interakcie webových stránok s používateľmi? Pokiaľ ide o interakciu, poskytuje JavaScript vstavané funkcie na riadenie udalostí na webe.
V JavaScripte existujú dva typy udalostí:
- Poslucháč udalostí - počúva a čaká na vyhodenie udalosti
- Obsluha udalosti - sa vykoná, keď sa spustí udalosť
V tomto článku sa dozviete o najpoužívanejšej obsluhe udalostí JavaScriptu, po kliknutí udalosť. Existujú ďalšie obslužné rutiny udalostí pre vznášanie sa nad elementom alebo pre stláčanie kláves na klávesnici, ale v tomto článku sa zameriame na udalosť onClick.
Udalosť onClick sa používa na vykonávanie určitých úloh kliknutím na tlačidlo alebo pri interakcii s prvkom HTML.
Teraz vám ukážeme príklad na demonštráciu fungovania udalosti onClick.
Príklad: Zmena textu pomocou onClick
V tomto príklade zmeníme výber textu po kliknutí na tlačidlo pomocou udalosti onClick. Najskôr vytvoríme značku odseku a dáme jej ID „odsek“, aby sme k nej mali prístup neskôr. Vytvoríme tlačidlo s udalosťou onClick a zavoláme funkciu s názvom „zmena.“
Linuxhint
V súbore skriptu vytvoríme premennú príznaku, ktorá nám umožní skontrolovať stav textu v našej značke odseku HTML. Potom napíšeme funkciu definujúcu funkciu „zmena“. V definícii funkcie vytvoríme príkaz „if“, v ktorom skontrolujeme stav pomocou premennej flag. Rovnako zmeníme text a zmeníme príznak. Je to celkom jednoduchý kúsok kódu!
var a = 1;zmena funkcie ()
if (a == 1)
dokument.getElementById („odsek“).innerHTML = "Linuxový tip je úžasný"
a = 0;
else
dokument.getElementById („odsek“).innerHTML = "Linuxová nápoveda"
a = 1;
V poriadku! Po napísaní celého tohto kódu spustíme kód, presunieme sa do nášho prehliadača a klikneme na novovytvorené tlačidlo. Po kliknutí na tlačidlo by sa text mal zmeniť z „Linuxhint“ na „Linuxhint je úžasný.“
Rovnakú techniku môžeme použiť kdekoľvek, aby sme zmenili obsah našich webových stránok podľa našich potrieb. Môžeme ho použiť pri zmene obrázka alebo pri vykonávaní akýchkoľvek typov úloh, ktoré si pomocou tohto nástroja vieme predstaviť.
Záver
Tento článok vysvetľuje, ako používať udalosť onClick. V tomto článku ste sa prakticky naučili koncept funkcie onClick. Používanie udalosti onClick je také jednoduché, že s touto funkciou môže začať pracovať aj začiatočník. Na linuxhint môžete pokračovať v učení, práci a získavaní ďalších skúseností s JavaScriptom.com, aby ste lepšie pochopili tento programovací jazyk. Ďakujem ti veľmi pekne!
