Το συμβάν onchange

Δημιουργία Event Σύνολο Event

Ορισμός και χρήση

Το συμβάν onchange εκπέμπεται όταν αλλάζει η τιμή του στοιχείου.

Για το checkbox και το radio button, εκπέμπει το συμβάν onchange όταν αλλάζει η κατάσταση επιλογής.

Συμβουλή:Το συμβάν αυτό είναι παρόμοιο με Event oninput. Η διαφορά είναι ότι το συμβάν oninput συμβαίνει αμέσως μετά την αλλαγή της τιμής του στοιχείου, ενώ το onchange συμβαίνει όταν το στοιχείο χάνει το φокус και το περιεχόμενο αλλάζει. Άλλη διαφορά είναι ότι το συμβάν onchange εφαρμόζεται και στο στοιχείο <select>.

Παράδειγμα

Παράδειγμα 1

Εκτελέστε JavaScript όταν ο χρήστης αλλάζει την επιλεγμένη επιλογή στο element <select>:

<select onchange="myFunction()">

Προσπαθήστε το προσωπικά

Παράδειγμα 2

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

<input type="text" onchange="myFunction()">

Προσπαθήστε το προσωπικά

Γραμματική

Στο HTML:

<element onchange="myScript">

Προσπαθήστε το προσωπικά

Στο JavaScript:

object.onchange = function(){myScript};

Προσπαθήστε το προσωπικά

Στο JavaScript, χρησιμοποιήστε τη μέθοδο addEventListener():

object.addEventListener("change", myScript);

Προσπαθήστε το προσωπικά

Σημείωση:O Internet Explorer 8 ή παλιότερες εκδόσεις δεν υποστηρίζουν Μέθοδος addEventListener().

Τεχνικά λεπτομέρειες

Περιήγηση: Υποστήριξη
Κατάργηση: Μη υποστηριζόμενο
Τύπος συμβάντος: Event
Υποστηριζόμενες ετικέτες HTML: checkbox, color, date, datetime, email, file, month, number, password, radio, range, search, tel, text, time, url, week, select και textarea
Εκδοχή DOM: Level 2 Events

Υποστήριξη Browser

Event Chrome IE Firefox Safari Opera
onchange Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη
Δημιουργία Event Σύνολο Event