Prejdi na obsah

jQuery 3.diel (udalosti)

Vitajte v ďalšom diely jQuery v ktorom si niečo povieme o udalostiach v javascripte.

Niečo o udalostiach

Pomocou jazyka JavaScriptu, máme možnosť vytvárať dynamické webové stránky. Udalosti sú aktivity, ktoré detekuje JavaScript.
Každý prvok stránky má niektoré javy, ktoré môžu vyvolať JavaScript. Napríklad, môžeme použiť onClick ak chceme aby sa JavaScript spustil po stlačení objektu. Udalosti definujeme v HTML tágoch, alebo v špeciálnych funkciách JavaScriptu.
Príklady udalostí:

  • Klik myši
  • Prechádzanie myšou po objektoch
  • Vyberanie polí vo formulároch HTML
  • Odosielanie formulárov

Poznámka: Akcia sa bežne používa v kombinácii s funkciami a funkcie nebudú vykonané predtým, ako dôjde k udalosti!

Udalosti v jQuery

Udalosti v jQuery je jedna z mnoha výborných funkcií na zjednodušenie práce v JavaScript-e, ktorá je už vyladená pre všetky prehliadače, pretože Internet Explorer rovnaké udalosti nazval inak ako Mozilla Firefox (to bol vlastne aj jeden z mnoha dôvodov vzniku tejto knižnice). Udalosti v jQuery sa pridávajú vlastnýmy funkciami, napr. na vyvolanie funkcie ktorá kontroluje klik myši na objekte ‘.button‘ zavoláme tento priíkaz

  1. $(“.button).click(klik_mysi);
  2. function klik_mysi(){
  3. // samotný kód vyvolaný po kliknutí na objekt
  4. }

Využitie

Tieto funkcie môžeme využiť pri validácii formulárov, dynamickom načítavaní obrázkov alebo pri grafických efektoch pre stránku ako je posuvné menu upútavka a podobné srandy.

Zoznam najpoužívanejších udalostí

Medzi hlavné udalosti by som označil klik a pohyb myši a potom označenie pola.

Funckia Čo robí
.click() kliknutie myši na objekt
.mouseover() posunutie myšou nad objekt
.mouseout() opustenie myšou objekt
.focus() označenie objektu
.blur() odznačenie objektu
.ready() kontroluje či sa už objekt načítal
.submit() kontroluje odoslanie formulárov
Povedz o článku aj ostatným - www.pridej.cz

Prihlásenie

Nové komentáre