JavaScript #9 – Zdarzenia i obsługa formularzy

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.

<!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>

2)onmouseover – zachodzi po najechaniu kursora myszy na dany obiekt.
<script type="text/javascript">
function kursor() {
alert('kursor znalazl sie nad przyciskiem');
}
</script>
<input type="button" value="Najedz na mnie!" onmouseover="kursor();" />

3)onmouseout – zachodzi po opuszczeniu kursora myszy znad danego obiektu.
<script type="text/javascript">
function kursor() {
alert('kursor opuscil przycisk');
}
</script>
<input type="button" value="Najedz na mnie!" onmouseout="kursor();" />

4)onmousedown – zachodzi gdy przytrzymamy kursora myszy na danym obiekcie.
<script type="text/javascript">
function kursor() {
alert('przycisk zostal przytrzymany');
}
</script>
<input type="button" value="Nacisnij mnie!" onmousedown="kursor();" />

5)onmouseup – Zachodzi gdy kursor myszy zostanie zwolniony z danego obiektu
<script type="text/javascript">
function kursor() {
alert('przycisk zostal zwolniony');
}
</script>
<input type="button" value="Zwolnij mnie!" onmousedown="kursor();" />

6)onblur – Zachodzi gdy opuszczamy dany obiekt
<input type="text" name="login" value="login" onblur="if (this.value=='login') this.value='';" />

7)onfocus – Zachodzi gdy wchodzimy na dany obiekt
<input type="text" name="login" value="login" onfocus="if (this.value=='login') this.value='';" />

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *