Zdarzenie to czynność wykonana przez przeglądarkę w odpowiedzi na gest myszy(kliknięcie) lub klawiatury(zmiana wartości pola <input>).
Zdarzenia i obsługa formularzy
1)onclick – zachodzi po naciśnięciu przycisku myszy na dany obiekt.
[codesyntax lang=”javascript”]<!DOCTYPE html PUBLIC „-//W3C//DTD XHTML 1.0 Strict//EN” „http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”pl” lang=”pl”>
<head>
<title>Nauka Java Script’a</title>
</head>
<body>
<script type=”text/javascript”>
function klik() {
alert(’przycisk zostal nacisniety’);
}
</script>
<input type=”button” value=”Kliknij mnie!” onclick=”klik();” />
</body>
</html>
[/codesyntax]
2)onmouseover – zachodzi po najechaniu kursora myszy na dany obiekt.
[codesyntax lang=”javascript”]<script type=”text/javascript”>
function kursor() {
alert(’kursor znalazl sie nad przyciskiem’);
}
</script>
<input type=”button” value=”Najedz na mnie!” onmouseover=”kursor();” />[/codesyntax]
3)onmouseout – zachodzi po opuszczeniu kursora myszy znad danego obiektu.
[codesyntax lang=”javascript”]<script type=”text/javascript”>
function kursor() {
alert(’kursor opuscil przycisk’);
}
</script>
<input type=”button” value=”Najedz na mnie!” onmouseout=”kursor();” />[/codesyntax]
4)onmousedown – zachodzi gdy przytrzymamy kursora myszy na danym obiekcie.
[codesyntax lang=”javascript”]<script type=”text/javascript”>
function kursor() {
alert(’przycisk zostal przytrzymany’);
}
</script>
<input type=”button” value=”Nacisnij mnie!” onmousedown=”kursor();” />[/codesyntax]
5)onmouseup – Zachodzi gdy kursor myszy zostanie zwolniony z danego obiektu
[codesyntax lang=”javascript”]<script type=”text/javascript”>
function kursor() {
alert(’przycisk zostal zwolniony’);
}
</script>
<input type=”button” value=”Zwolnij mnie!” onmousedown=”kursor();” />[/codesyntax]
6)onblur – Zachodzi gdy opuszczamy dany obiekt
[codesyntax lang=”javascript”]<input type=”text” name=”login” value=”login” onblur=”if (this.value==’login’) this.value=”;” />[/codesyntax]
7)onfocus – Zachodzi gdy wchodzimy na dany obiekt
[codesyntax lang=”javascript”]<input type=”text” name=”login” value=”login” onfocus=”if (this.value==’login’) this.value=”;” />[/codesyntax]