Event Handlers του DHTML

Μπορείτε να εκτελέσετε μια ενέργεια σε ένα στοιχείο όταν συμβεί ένα γεγονός μέσω ενός χειριστή γεγονότων.

Παράδειγμα

Σημείωση:Περισσότεροι παραδείγματα DHTML απαιτούν IE 4.0+、Netscape 7+ ή Opera 7+!

onmouseover και onmouseout
Πώς να αλλάξει το χρώμα ενός στοιχείου όταν ο δείκτης του ποντικιού το περνά και όταν απομακρύνεται από το στοιχείο.
onclick
Πώς να ανάψει το φως όταν κάνετε κλικ σε μια εικόνα και να αλλάξει την εικόνα, και μετά να επιστρέψει στην αρχική εικόνα όταν κάνετε κλικ ξανά.
onmousedown και onmouseup
Αυτή τη φορά η φωτιά θα ανάψει μόνο όταν κρατήσετε πατημένο το κουμπί του ποντικιού.
onload
Εμφάνιση ενός παράθυπου ανακάλυψης όταν η σελίδα ολοκληρώσει τη φόρτωση.

Χειριστής γεγονότων

Με έναν χειριστή γεγονότων, μπορείτε να εκτελέσετε μια ενέργεια σε έναν στοιχείο όταν συμβεί ένα γεγονός: όταν ο χρήστης κάνει κλικ σε ένα στοιχείο, όταν φορτώνει η σελίδα, όταν υποβάλλεται ένας φόρμας, κ.λπ.

<h1 onclick="style.color='κόκκινο'">Κλικάστε σε αυτό το κείμενο</h1>

Ο παρακάτω παράδειγμα καθορίζει την αλλαγή του τίτλου σε κόκκινο όταν ο χρήστης κάνει κλικ σε έναν τίτλο.

Μπορείτε επίσης να προσθέσετε ένα τμήμα κώδικα στο τμήμα head της σελίδας και στη συνέχεια να καλέσετε τη συνάρτηση από το χειριστή γεγονότων:

<html>
<head>
<script type="text/javascript">
function αγγιαλωσεχρωμα()
{
document.getElementById('header').style.color="κόκκινο"
}
</script>
</head>
<body>
<h1 id="header" onclick="αγγιαλωσεχρωμα()">Κλικάστε σε αυτό το κείμενο</h1>
</body>
</html>

Event Handlers του HTML 4.0

Συμβάν Γίνεται όταν...
onabort Ο χρήστης διακόπτει τη φόρτωση της σελίδας.
onblur Ο χρήστης αφήνει το αντικείμενο.
onchange Ο χρήστης αλλάζει τη τιμή του αντικειμένου.
onclick Ο χρήστης πατά το κουμπί του ποντικιού.
ondblclick Ο χρήστης διπλασιάζει το κουμπί του ποντικιού.
onfocus Ο χρήστης ενεργοποιεί το αντικείμενο.
onkeydown Πιέζεται το πλήκτρο του πληκτρολογίου.
onkeypress Πιέζεται το πλήκτρο του πληκτρολογίου.
onkeyup Ανακτάται το πλήκτρο του πληκτρολογίου.
onload

Η σελίδα ολοκληρώνει τη φόρτωση.

Σημείωση:Στο Netscape, συμβαίνει το συμβάν αυτό όταν η σελίδα φορτώνει.
onmousedown Ο χρήστης πατά το κουμπί του ποντικιού.
onmousemove Ο δείκτης του ποντικιού κινείται στο αντικείμενο.
onmouseover Ο δείκτης του ποντικιού βρίσκεται στο αντικείμενο.
onmouseout Ο δείκτης του ποντικιού βγαίνει από το αντικείμενο.
onmouseup Ο χρήστης απελευθερώνει το κουμπί του ποντικιού.
onreset Ο χρήστης επαναφέρει τη φόρμα.
onselect Ο χρήστης επιλέγει το περιεχόμενο της σελίδας.
onsubmit Ο χρήστης υποβάλλει τη φόρμα.
onunload Ο χρήστης κλείνει τη σελίδα.