Education

Events (συμβάντα)

Τα events είναι γεγονότα ή λειτουργίες τα οποία ανιχνεύονται από τη javascript. Αυτό δίνει τη δυνατότητα στο χρήστη να εκτελεί συγκεκριμένο κώδικα κάθε φορά που ανιχνεύται κάποιο συγκεκριμένο event. Κάθε html στοιχείο δέχεται συγκεκριμένα events με τη μορφή ιδιότητας.
Π.χ. ένα button που Μερικά παραδείγματα από events είναι:

Κλικ σε κάποιο html στοιχείο.
Όταν φορτώνει πλήρως μία σελίδα.
Όταν μετακινούμε τον κέρσορα πάνω από κάποιο συγκεκριμένο html στοιχείο.
Όταν πατήσουμε ένα πλήκτρο.
Όταν o χρήστης συμπληρώσει μια φόρμα.

Mouse Events

Event	Ιδιότητα	Περιγραφή
click	onclick	Το συμβάν λαμβάνει χώρα όταν ο χρήστης κάνει κλικ σε ένα στοιχείο.
dblclick	ondblclick	Το συμβάν λαμβάνει χώρα όταν ο χρήστης κάνει διπλό κλικ σε ένα στοιχείο.
mousedown	onmousedown	Το συμβάν λαμβάνει χώρα όταν ο χρήστης έχει πατημένο το πλήκτρο του ποντικιού πάνω από ένα στοιχείο.
mousemove	onmousemove	Το συμβάν λαμβάνει χώρα όταν ο χρήστης μετακινεί τον κέρσορα πάνω από ένα στοιχείο.
mouseover	onmouseover	Το συμβάν λαμβάνει χώρα όταν ο χρήστης μετακινήσει τον κέρσορα πάνω από ένα στοιχείο.
mouseout	onmouseout	Το συμβάν λαμβάνει χώρα όταν ο χρήστης μετακινήσει τον κέρσορα έξω από ένα στοιχείο.
mouseup	onmouseup	Το συμβάν λαμβάνει χώρα όταν ο χρήστης αφήσει ελεύθερο το πλήκτρο του ποντικιού πάνω από ένα στοιχείο.

Π.χ.

<input type='button' value='Click' onclick="alert ( 'You clicked me!' );" />

Όταν ο χρήστης κάνει κλικ στο παραπάνω button, θα ανοίξει παράθυρο με το μήνυμα 'You clicked me!'.

Keyboard Events

Event	Ιδιότητα	Περιγραφή
keydown	onkeydown	Το συμβάν λαμβάνει χώρα όταν ο χρήστης έχει πατημένο κάποιο πλήκτρο πάνω από ένα στοιχείο.
keypress	onkeypress	Το συμβάν λαμβάνει χώρα όταν ο χρήστης πατήσει ένα πλήκτρο πάνω από ένα στοιχείο.
keyup	onkeyup	Το συμβάν λαμβάνει χώρα όταν ο χρήστης αφήσει ελεύθερο ένα πλήκτρο πάνω από ένα στοιχείο.

Π.χ.

<input type='text' value='' onkeydown="alert ( 'You pressed a key!' );" />

Object Events

Event	Ιδιότητα	Περιγραφή
load	onload	Το συμβάν λαμβάνει χώρα όταν ολόκληρη η σελίδα ή κάποιο αντικείμενο φορτώσει πλήρως.
unload	onunload	Το συμβάν λαμβάνει χώρα όταν η σελίδα ή κάποιο αντικείμενο αφαιρεθεί (κλείσει).
resize	onresize	Το συμβάν λαμβάνει χώρα όταν ο χρήστης μεταβάλει τις διαστάσεις του παραθύρου της σελίδας.
scroll	onscroll	Το συμβάν λαμβάνει χώρα όταν ο χρήστης χρησιμοποιεί μία μπάρα κύλισης για να περιηγηθεί στη σελίδα.

Π.χ.

<body onload="alert ( 'Καλώς ήρθατε στη σελίδα μας!' );">
Onload event test.
</body>

Όταν η σελίδα φορτώσει πλήρως, θα εμφανιστεί σε νέο παράθυρο το μήνυμα 'Καλώς ήρθατε στη σελίδα μας!'.

Form Events
Είναι τα γεγονότα που λαμβάνουν κατά την αλληλεπίδραση του χρήστη με μία φόρμα με πεδία.

Event	Ιδιότητα	Περιγραφή
blur	onblur	Το συμβάν λαμβάνει χώρα όταν χαθεί η εστίαση στο στοιχείο.
change	onchange	Το συμβάν λαμβάνει χώρα όταν αλλάξει η τιμή ή κατάσταση ενός στοιχείου μιας φόρμας (π.χ. των input, select και textarea).
focus	onfocus	Το συμβάν λαμβάνει χώρα όταν εστιάσουμε πάνω στο στοιχείο.
reset	onreset	Το συμβάν λαμβάνει χώρα όταν επαναφέρουμε τις τιμές των πεδίων μιας φόρμας στην αρχική τους κατάσταση.
select	onselect	Το συμβάν λαμβάνει χώρα όταν ο χρήστης επιλέξει κάποιο κείμενο σε κάποιο στοιχείο της φόρμας.
submit	onsubmit	Το συμβάν λαμβάνει χώρα όταν ο χρήστης πατήσει αποστολή της φόρμας.

Π.χ.

<input type="text" value="" onblur="alert ( 'You removed the focus from element.' );" />

Αν ο χρήστης κάνει κλικ πάνω στο input και στη συνέχεια κάνει κλικ έξω από το στοιχείο, θα χαθεί η εστίαση πάνω σε αυτό και θα εμφανιστεί το μήνυμα 'You removed the focus from element.'.

Ανάπτυξη Ιστοσελίδων

Javascript

Events (συμβάντα)