Σκέψεις Event HTML DOM

Σκέψεις Event HTML DOM

Οι εκδηλώσεις HTML DOM επιτρέπουν στο JavaScript να εγγράφει διαφορετικούς επεξεργαστές εκδηλώσεων στα στοιχεία του HTML.

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

Για να μάθετε περισσότερα για τις εκδηλώσεις, μάθετε τα μαθήματά μας Εκμάθηση Εκδηλώσεων JavaScript。

Γεγονός description belongs to
abort Το γεγονός abort συμβαίνει όταν το φορτίο του μέσου διακόπτεται.
afterprint Το γεγονός afterprint συμβαίνει όταν η σελίδα αρχίζει να εκτυπώνεται ή όταν κλείνει το παράθυρο εκτύπωσης. Event
animationend Το γεγονός animationend συμβαίνει όταν η κίνηση CSS ολοκληρώνεται. AnimationEvent
animationiteration Το γεγονός animationiteration συμβαίνει όταν η κίνηση CSS επαναλαμβάνεται. AnimationEvent
animationstart Το γεγονός animationstart συμβαίνει όταν ξεκινά η κίνηση CSS. AnimationEvent
beforeprint Το γεγονός beforeprint συμβαίνει όταν η σελίδα είναι έτοιμη για εκτύπωση. Event
beforeunload Το γεγονός beforeunload συμβαίνει πριν το έγγραφο αποσυρθεί.
blur Το γεγονός blur συμβαίνει όταν το στοιχείο χάνει το εστιασμό. FocusEvent
canplay Το γεγονός canplay συμβαίνει όταν ο περιηγητής μπορεί να ξεκινήσει την αναπαραγωγή του μέσου. Event
canplaythrough Το γεγονός canplaythrough συμβαίνει όταν ο περιηγητής μπορεί να παίξει το μέσο χωρίς να σταματήσει την αναπαραγωγή. Event
change Το γεγονός change συμβαίνει όταν το περιεχόμενο του στοιχείου form, η επιλογή ή η κατάσταση επιλογής αλλάζει. Event
click Το γεγονός click συμβαίνει όταν ο χρήστης κάνει κλικ σε ένα στοιχείο. MouseEvent
contextmenu Το γεγονός contextmenu συμβαίνει όταν ο χρήστης κάνει δεξί κλικ σε ένα στοιχείο για να ανοίξει το μενού επιλογών. MouseEvent
copy Το γεγονός copy συμβαίνει όταν ο χρήστης αντιγράφει το περιεχόμενο του στοιχείου. ClipboardEvent
cut Το γεγονός cut συμβαίνει όταν ο χρήστης κόβει το περιεχόμενο του στοιχείου. ClipboardEvent
dblclick Το γεγονός drag συμβαίνει όταν ο χρήστης διπλόκλικα στο στοιχείο. MouseEvent
drag Παράδειγμα: Το γεγονός dragend συμβαίνει όταν το στοιχείο κινείται. DragEvent
dragend Συμβαίνει αυτό το συμβάν όταν ο χρήστης ολοκληρώνει τη μεταφορά του στοιχείου. DragEvent
dragenter Συμβαίνει αυτό το συμβάν όταν το μεταφερόμενο στοιχείο εισέρχεται στον στόχο. DragEvent
dragleave Συμβαίνει αυτό το συμβάν όταν το μεταφερόμενο στοιχείο απομακρύνεται από τον στόχο. DragEvent
dragover Συμβαίνει αυτό το συμβάν όταν το μεταφερόμενο στοιχείο βρίσκεται πάνω από τον στόχο. DragEvent
dragstart Συμβαίνει αυτό το συμβάν όταν ο χρήστης ξεκινά να μεταφέρει το στοιχείο. DragEvent
drop Συμβαίνει αυτό το συμβάν όταν το μεταφερόμενο στοιχείο τοποθετείται στον στόχο. DragEvent
durationchange Συμβαίνει αυτό το συμβάν όταν αλλάζει η διάρκεια του μέσου. Event
ended Συμβαίνει αυτό το συμβάν όταν το μέσο παίζει το τέλος του. Event
error Συμβαίνει αυτό το συμβάν όταν συμβεί σφάλμα κατά τη φόρτωση εξωτερικού αρχείου.
focus Συμβαίνει αυτό το συμβάν όταν το στοιχείο αποκτά την εστία. FocusEvent
focusin Συμβαίνει αυτό το συμβάν όταν το στοιχείο αποκτά την εστία. FocusEvent
focusout Συμβαίνει αυτό το συμβάν όταν το στοιχείο χάνει την εστία. FocusEvent
fullscreenchange Συμβαίνει αυτό το συμβάν όταν το στοιχείο εμφανίζεται σε λειτουργία πλήρους οθόνης. Event
fullscreenerror Συμβαίνει αυτό το συμβάν όταν το στοιχείο δεν μπορεί να εμφανιστεί σε λειτουργία πλήρους οθόνης. Event
hashchange Συμβαίνει αυτό το συμβάν όταν το τμήμα του URL με το anchor αλλάζει. HashChangeEvent
input Συμβαίνει αυτό το συμβάν όταν το στοιχείο λαμβάνει εισαγωγή χρήστη.
invalid Συμβαίνει αυτό το συμβάν όταν το στοιχείο είναι άκυρο. Event
keydown Συμβαίνει αυτό το συμβάν όταν ο χρήστης κρατά πατημένο το κουμπί του πλήκτρου. KeyboardEvent
keypress Συμβαίνει αυτό το συμβάν όταν ο χρήστης πατηίνει το κουμπί του πλήκτρου. KeyboardEvent
keyup Συμβαίνει αυτό το συμβάν όταν ο χρήστης απελευθερώνει το κουμπί του πλήκτρου. KeyboardEvent
load Συμβαίνει αυτό το συμβάν όταν το αντικείμενο έχει φορτωθεί.
loadeddata Συμβαίνει αυτό το συμβάν όταν φορτώνονται τα δεδομένα του μέσου. Event
loadedmetadata Συμβαίνει αυτό το συμβάν όταν φορτώνεται μεταδεδομένα (π.χ. μέγεθος και διάρκεια). Event
loadstart Όταν ο περιηγητής ξεκινά να αναζητά το καθορισμένο μέσο, συμβαίνει αυτό το συμβάν. ProgressEvent
message Συμβαίνει αυτό το συμβάν όταν λαμβάνεται μήνυμα μέσω αυτού του πηγαίου συμβάντος. Event
mousedown Όταν ο χρήστης πατηίνει το κουμπί του ποντικιού πάνω στο στοιχείο, συμβαίνει αυτό το συμβάν. MouseEvent
mouseenter Όταν ο δείκτης μετακινείται στο στοιχείο, συμβαίνει αυτό το συμβάν. MouseEvent
mouseleave Όταν ο δείκτης απομακρύνεται από το στοιχείο, συμβαίνει αυτό το συμβάν. MouseEvent
mousemove Όταν ο δείκτης κινείται πάνω στο στοιχείο, συμβαίνει αυτό το συμβάν. MouseEvent
mouseout Όταν ο χρήστης μετακινεί τον δείκτη του ποντικιού εκτός του στοιχείου ή των υποστοιχείων του, συμβαίνει αυτό το συμβάν. MouseEvent
mouseover Όταν ο δείκτης μετακινείται πάνω στο στοιχείο ή τα υποστοιχεία του, συμβαίνει αυτό το συμβάν. MouseEvent
mouseup Όταν ο χρήστης απελευθερώνει το κουμπί του ποντικιού πάνω στο στοιχείο, συμβαίνει αυτό το συμβάν. MouseEvent
mousewheel Δεν προτείνεται η χρήση του.Παρακαλώ χρησιμοποιήστε το. wheel Συμβάν. WheelEvent
offline Αυτό το συμβάν εκπέμπεται όταν ο περιηγητής ξεκινά να εργάζεται σε μη σύνδεση. Event
online Αυτό το συμβάν εκπέμπεται όταν ο περιηγητής ξεκινά να εργάζεται στο διαδίκτυο. Event
open Αυτό το συμβάν εκπέμπεται όταν ανοίγεται η σύνδεση με την πηγή του συμβάντος. Event
pagehide Αυτό το συμβάν εκπέμπεται όταν ο χρήστης φεύγει από μια σελίδα για να εξερευνήσει. PageTransitionEvent
pageshow Αυτό το συμβάν εκπέμπεται όταν ο χρήστης εξερευνήσει σε κάποια σελίδα. PageTransitionEvent
paste Αυτό το συμβάν εκπέμπεται όταν ο χρήστης κολλήσει κάποιο περιεχόμενο στο στοιχείο. ClipboardEvent
pause Αυτό το συμβάν εκπέμπεται όταν το μέσο παύεται από τον χρήστη ή με προγραμματισμό. Event
play Αυτό το συμβάν εκπέμπεται όταν το μέσο ξεκινά ή σταματά την παύση. Event
playing Αυτό το συμβάν εκπέμπεται όταν το μέσο παίζει μετά από παύση ή σταμάτημα για αναπλήρωση. Event
popstate Αυτό το συμβάν εκπέμπεται όταν αλλάζει το ιστορικό του παραθύρου. PopStateEvent
progress Αυτό το συμβάν εκπέμπεται όταν ο περιηγητής βρίσκεται στο στάδιο αποκτήσης δεδομένων μέσων. Event
ratechange Αυτό το συμβάν εκπέμπεται όταν αλλάζει η ταχύτητα αναπαραγωγής του μέσου. Event
reset Αυτό το συμβάν εκπέμπεται όταν ρυθμίζεται το έγγραφο. Event
resize Αυτό το συμβάν εκπέμπεται όταν ρυθμίζεται το μέγεθος της προβολής του εγγράφου.
scroll Αυτό το συμβάν εκπέμπεται όταν κουνιέται η γραμμή αναγνώρισης του στοιχείου.
search Αυτό το συμβάν εκπέμπεται όταν ο χρήστης εισάγει περιεχόμενο στον τομέα αναζήτησης. Event
seeked Αυτό το συμβάν εκπέμπεται όταν ο χρήστης ολοκληρώσει τη μετακίνηση/πηδήση σε νέα θέση του μέσου. Event
seeking Αυτό το συμβάν εκπέμπεται όταν ο χρήστης ξεκινήσει να μετακινήσει/πηδήσει σε νέα θέση του μέσου. Event
select Αυτό το συμβάν εκπέμπεται όταν ο χρήστης επιλέξει κείμενο (για <input> και <textarea>).
show Αυτό το συμβάν εκπέμπεται όταν το στοιχείο <menu> εμφανίζεται ως μενού περιβάλλοντος. Event
stalled Αυτό το συμβάν εκπέμπεται όταν ο περιηγητής προσπαθεί να αποκτήσει δεδομένα μέσων αλλά δεν είναι διαθέσιμα. Event
storage Αυτό το συμβάν εκπέμπεται όταν ενημερώνεται το τομέα αποθήκευσης του Web. StorageEvent
submit Αυτό το συμβάν εκπέμπεται όταν υποβάλλεται το έγγραφο. Event
suspend Αυτό το συμβάν εκπέμπεται όταν ο περιηγητής αποφασίσει να μην αποκτήσει δεδομένα μέσων. Event
timeupdate Αυτό το συμβάν εκπέμπεται όταν αλλάξει η θέση αναπαραγωγής. Event
toggle Αυτό το συμβάν εκπέμπεται όταν ο χρήστης ανοίξει ή κλείσει το στοιχείο <details>. Event
touchcancel Αυτό το συμβάν εκπέμπεται όταν το αγγίζιμο διακοπεί. TouchEvent
touchend Αυτό το συμβάν εκπέμπεται όταν το δάχτυλο απομακρυνθεί από τον οθόνη. TouchEvent
touchmove Αυτό το συμβάν εκπέμπεται όταν το δάχτυλο κουρδιστεί στον οθόνη. TouchEvent
touchstart Αυτό το συμβάν εκπέμπεται όταν το δάχτυλο βρίσκεται στον οθόνη. TouchEvent
transitionend Η μετατροπή του CSS ολοκληρώθηκε και εκπέμπεται αυτό το συμβάν. TransitionEvent
unload This event occurs after the page is unloaded (for <body>).
volumechange This event occurs when the volume of the media has changed. Event
waiting This event occurs when the media has paused but is expected to resume. Event
wheel This event occurs when the mouse wheel scrolls up or down on the element. WheelEvent

HTML DOM event attributes and methods

attribute/method description belongs to
altKey returns whether the "ALT" key was pressed during the mouse event. MouseEvent
altKey returns whether the "ALT" key was pressed during the key event.
animationName returns the name of the animation. AnimationEvent
bubbles returns whether a specific event is a bubbling event. Event
button Επιστρέφει το κουμπί του ποντικιού που πατήθηκε κατά την εκδήλωση του συμβάντος ποντικιού. MouseEvent
buttons Επιστρέφει το κουμπί του ποντικιού που πατήθηκε κατά την εκδήλωση του συμβάντος ποντικιού. MouseEvent
cancelBubble sets or returns whether the event should propagate upwards in the hierarchy.
cancelable returns whether the default operation of the event can be prevented. Event
changeTouches returns a list of all touch objects whose state has changed between the previous touch and the current touch. TouchEvent
charCode returns the Unicode character code of the key that triggered the onkeypress event. KeyboardEvent
clientX returns the horizontal coordinate of the mouse pointer relative to the current window when the mouse event is triggered.
clientY returns the vertical coordinate of the mouse pointer relative to the current window when the mouse event is triggered.
clipboardData returns an object containing the data affected by clipboard operations. ClipboardData
code returns the code of the key that triggered the event. KeyboardEvent
composed indicates whether the event can be passed from Shadow DOM to the general DOM. Event
composedPath() returns the path of the event.
createEvent() create a new event. Event
ctrlKey returns whether the "CTRL" key was pressed during the mouse event. MouseEvent
ctrlKey returns whether the "CTRL" key was pressed during the key mouse event.
currentTarget returns the element that triggered the event for its event listener. Event
data returns the inserted character. InputEvent
dataTransfer returns an object containing the data being dragged or inserted/deleted.
defaultPrevented returns whether the preventDefault() method was called for the event. Event
deltaX returns the horizontal scroll amount (x-axis) of the mouse wheel. WheelEvent
deltaY returns the vertical scroll amount (y-axis) of the mouse wheel. WheelEvent
deltaZ returns the Z-axis scroll amount of the mouse wheel. WheelEvent
deltaMode Επιστροφή του αριθμού, που αντιπροσωπεύει την μονάδα της τιμής του αύξησης (π像素, γραμμή ή σελίδα). WheelEvent
detail Επιστροφή του αριθμού, που δείχνει πόσες φορές χτύπησε το ποντίκι. UiEvent
elapsedTime Επιστροφή των δευτερολέπτων που έχουν περάσει από την αнимάς. AnimationEvent
elapsedTime Επιστροφή των δευτερολέπτων που έχουν περάσει από την μετάβαση. 　
eventPhase Επιστροφή του στάδιος του συμβάντος που βρίσκεται. Event
getModifierState() Επιστροφή του πίνακα που περιέχει την περιοχή του στόχου, η οποία θα επηρεαστεί από την εισαγωγή/διαγραφή. MouseEvent
getTargetRanges() Επιστροφή του πίνακα που περιέχει την περιοχή του στόχου, η οποία θα επηρεαστεί από την εισαγωγή/διαγραφή. InputEvent
inputType Επιστροφή του τύπου της αλλαγής (δηλαδή "inserting" ή "deleting"). InputEvent
isComposing Επιστροφή αν το στάδιο του ροής του συμβάντος είναι σε κατασκευή.
isTrusted Επιστροφή αν το συμβάν είναι αξιόπιστο. Event
key Επιστροφή του τιμή της κλειδιάς που εκφράζει το συμβάν. KeyboardEvent
key Επιστροφή του κλειδιού του αντικειμένου αποθήκευσης που άλλαξε. StorageEvent
keyCode Επιστροφή του Unicode character code του πλήκους που προκαλεί το συμβάν onkeypress, onkeydown ή onkeyup. KeyboardEvent
location Επιστροφή της θέσης του πλήκους στο πλήκτρο ή στο δίσκο. KeyboardEvent
lengthComputable Επιστροφή αν η διάρκεια του προόδου μπορεί να υπολογιστεί. ProgressEvent
loaded Επιστροφή της ποσότητας εργασίας που έχει φορτωθεί. ProgressEvent
metaKey Επιστροφή αν η κλειδί "META" πατήθηκε κατά την εκκίνηση του συμβάντος. MouseEvent
metaKey Επιστροφή αν η κλειδί "META" πατήθηκε κατά την εκκίνηση του συμβάντος πλήκσης.
MovementX Επιστροφή της οριζόντιας συντεταγμένης του δείκτη του ποντικιού σχετικά με την τοποθεσία του προηγούμενου συμβάντος mousemove. MouseEvent
MovementY Επιστροφή της κατακόρυφης συντεταγμένης του δείκτη του ποντικιού σχετικά με την τοποθεσία του προηγούμενου συμβάντος mousemove. MouseEvent
newURL Επιστροφή της διεύθυνσης URL του εγγράφου μετά από την αλλαγή του hash. HasChangeEvent
newValue Επιστροφή του νέου τιμή του αντικειμένου αποθήκευσης που άλλαξε. StorageEvent
offsetX Επιστροφή της οριζόντιας συντεταγμένης του δείκτη του ποντικιού σχετικά με το περιθώριο του στόχου. MouseEvent
offsetY Επιστροφή της κατακόρυφης συντεταγμένης του δείκτη του ποντικιού σχετικά με το περιθώριο του στόχου. MouseEvent
oldURL Επιστροφή της διεύθυνσης URL του εγγράφου πριν από την αλλαγή του hash. HasChangeEvent
oldValue Επιστροφή του παλιού τιμή του αντικειμένου αποθήκευσης που άλλαξε. StorageEvent
onemptied Αν συμβεί κακή κατάσταση και ο πολυμέσιος αρχείο να γίνει ξαφνικά μη διαθέσιμο, συμβαίνει αυτό το συμβάν. 　
pageX Επιστροφή της οριζόντιας συντεταγμένης του δείκτη του ποντικιού σχετικά με το έγγραφο. MouseEvent
pageY Επιστροφή της κατακόρυφης συντεταγμένης του δείκτη του ποντικιού σχετικά με το έγγραφο. MouseEvent
persisted Επιστροφή αν η ιστοσελίδα έχει αποθηκευτεί από τον περιηγητή. PageTransitionEvent
preventDefault() Αν μπορεί να ακυρωθεί το συμβάν, τότε ακυρώνεται, χωρίς να εκτελεστούν οι τυπικές λειτουργίες του συμβάντος. Event
propertyName Επιστρέφει το όνομα της ιδιότητας CSS που σχετίζεται με την αнимация ή τη μετάβαση.
pseudoElement Επιστρέφει το όνομα του ψευδοστοιχείου της αнимации ή της μετάβασης.
region MouseEvent
relatedTarget Επιστρέφει το στοιχείο που σχετίζεται με το στοιχείο που προκάλεσε το συμβάν του ποντικιού. MouseEvent
relatedTarget Επιστρέφει το στοιχείο που σχετίζεται με το στοιχείο που προκάλεσε το συμβάν. FocusEvent
repeat Επιστρέφει αν πατηθεί επανειλημμένα ένα πλήκτρο. KeyboardEvent
screenX Επιστρέφει την οριζόντια συντεταγμένη του παράθυρου/σημείου του ποντικιού από το οθόνη. MouseEvent
screenY Επιστρέφει την οριζόντια συντεταγμένη του παράθυρου/σημείου του ποντικιού από το οθόνη. MouseEvent
shiftKey Επιστρέφει αν πατήθηκε το πλήκτρο "SHIFT" κατά την εκδήλωση του συμβάντος. MouseEvent
shiftKey Επιστρέφει αν πατήθηκε το πλήκτρο "SHIFT" κατά την εκδήλωση του συμβάντος παρτίδας.
state Επιστρέφει το αντικείμενο που περιέχει την αντιγραφή του εγγραφής ιστορικού. PopStateEvent
stopImme...() Προφύλαξη από την κλήση άλλων ακροατών του ίδιου συμβάντος. Event
stopPropagation() Προφύλαξη του συμβάντος από περαιτέρω διάδοση στην αλληλουχία συμβάντων. Event
storageArea Επιστρέφει το αντικείμενο που αντιπροσωπεύει το αποθηκευμένο αντικείμενο. StorageEvent
target Επιστρέφει το στοιχείο που προκάλεσε το συμβάν. Event
targetTouches Επιστρέφει τη λίστα με τα αντικείμενα TouchList που περιέχουν όλους τους σημεία που παραμένουν σε επαφή με την επιφάνεια. TouchEvent
timeStamp Επιστρέφει το χρόνο δημιουργίας του συμβάντος (σε χιλιάδες δευτερόλεπτα από την εποχή του ουρανίου). Event
total Επιστρέφει την συνολική ποσότητα εργασίας που θα φορτωθεί. ProgressEvent
touches Επιστρέφει τη λίστα με όλα τα αντικείμενα touch που έρχονται σε επαφή με την επιφάνεια. TouchEvent
type Επιστρέφει το όνομα του συμβάντος. Event
url Επιστρέφει τη διεύθυνση URL του έγγραφου που βρίσκεται η αλλαγή του αντικειμένου. StorageEvent
which Επιστρέφει το κουμπί του ποντικιού που πατήθηκε κατά την εκδήλωση του συμβάντος ποντικιού. MouseEvent
which Επιστρέφει τον κώδικα Unicode του πλήκτρου που προκάλεσε το συμβάν onkeypress, ή τον κώδικα Unicode του πλήκτρου που προκάλεσε τα συμβάντα onkeydown ή onkeyup KeyboardEvent
view Επιστρέφει την αναφορά στο αντικείμενο Window που συνέβη το συμβάν. UiEvent