|
Wpisany przez Patryk yarpo Jar
|
|
piątek, 18 września 2009 02:44 |
|
JavaScript jest językiem skryptowym działającym po stronie przeglądarki. Nie jest to to samo, co Java. JavaScript i Java to dwie zupełnie inne technlogie (mimo drobnych podobieństw - głównie w nazwie).
Oczywiście nie możesz traktować tej lekcji jako szczegółówego kursu JS. Postaram się jednak pokazać ci jak wykorzystać proste efekty js na twojej stronie.
Zdarzenia JavaScript
Dzięki zdarzeniom możemy reagować na zachownie internauty. Np. na kliknięcie:
<p onclick="alert('kliknąłeś mnie')">Kliknij mnie</p>przykład: kliknij mnie
Oto lista zdarzeń JS:
| nazwa |
dla elementów |
zachodzi dla zdarzenia |
| onabort |
image |
Anulowanie pobrania grafiki przez użytkownika |
| onblur |
okna oraz wszystkie elementy formularza |
Usunięcie focus() [aktywności] |
| onchange |
text, textarea, select |
Zmiana wartości |
| onclick |
dowolny znacznik |
Reakcja na kliknięcie na dowolny znacznik |
| ondblclick |
dowolny znacznik |
Reakcja na podwójne kliknięcie na dowolny znacznik |
| ondragdrop |
okna |
Przecięgnięcie obiektu poza okno |
| onerror |
image, okna |
Ładowanie powoduje błędy |
| onfocus |
okna oraz wszystkie elementy formularza |
Uaktywnienie elementu |
| onkeydown |
document, image, a, textarea |
Wciśniecię (i przytrzymanie wciśniętego) klawisza na klawiaturze |
| onkeypress |
document, image, a, textarea |
Wciśnięcie (krótkotrwałe) klawisza na klawiaturze |
| onkeyup |
document, image, a, textarea |
Puszczenie klawisza |
| onload |
ciało dokumentu |
Załadowanie strony |
| onmousedown |
document, przycisk, linki |
Wciśnięcie (i przytrzymanie wciśniętego) klawisza myszy |
| onmouseout |
wszystko |
Zjechanie kursora myszy po za dany obszar |
| onmouseover |
wszystko |
Najechanie kursorem myszy nad dany obszar |
| onmouseup |
wszystko |
Puszczenie klawisza myszy |
| onmove |
okno |
Poruszenie oknem |
| onreset |
formularz |
Wyczyszczenie formularza przyciskiem reset |
| onresize |
okno |
Zmiana rozmiaru okna |
| onselect |
text, textarea |
Na wybranie danego elementu |
| onsubmit |
formularz |
Na zatwierdzenie formularza |
| onunload |
ciało dokumentu |
Wyjście ze strony |
Wpisując w google "js events" znajdziesz wiele stron poświęconych temu zagadnieniu. Często z wieloma przykładami.
CzyToJestPoprawne?
Z pewnością natchniesz się wreszcie na dwie noptacje zdarzeń: camel case (notacja "wielbłądzia") oraz całośc pisana małymi literami (choć i tu są wyjątki w przypadku zdarzeń ze skrótem DOM w nazwie).
Obie wersje moga być poprawne. Wszystko zależy czy umieszczasz skrypt w HTML czy XHTML. Ja polecam jednak używać wyłącznie małych liter. Wtedy nazwy powyższych zdarzeń będą poprawne zarówno w HTML i XHTML.
|
