Το γεγονός onresize

DOM Events Σώμα Event

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

Το γεγονός onresize συμβαίνει όταν το παράθυρο περιήγησης προσαρμόζεται σε μέγεθος.

Σημείωση:Για να αποκτήσεις το μέγεθος ενός στοιχείου, χρησιμοποίησε τα clientWidth, clientHeight,innerWidthκαιinnerHeightκαιouterWidthκαιouterHeightκαι/ή τις ιδιότητες offsetWidth και/ή offsetHeight.

Παράδειγμα

Παράδειγμα 1

Εκτέλεση JavaScript κατά την προσαρμογή μεγέθους του παραθύρου περιήγησης:

<body onresize="myFunction()">

Προσπάθησε να το δοκιμάσεις شخصικά

Παράδειγμα 2

Χρήση της μεθόδου addEventListener() για την προσθήκη του γεγονότος "resize" στον αντικείμενο window:

window.addEventListener("resize", myFunction);

Προσπάθησε να το δοκιμάσεις شخصικά

Γραμματική

Στο HTML:

<element onresize="myScript">

Προσπάθησε να το δοκιμάσεις شخصικά

Στο JavaScript:

object.onresize = function(){myScript};

Προσπάθησε να το δοκιμάσεις شخصικά

Στο JavaScript, χρησιμοποιώντας τη μέθοδο addEventListener():

object.addEventListener("resize", myScript);

Προσπάθησε να το δοκιμάσεις شخصικά

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

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

Πυκνότητα κύρους: Μη υποστηριζόμενο
Καταργήσιμο: Μη υποστηριζόμενο
Τύπος γεγονότος: Αν δημιουργήθηκε από το διεπαφής χρήστηUiEvent。 Αν όχι Event。
Υποστηριζόμενες ετικέτες HTML: <body>
DOM Έκδοση: Level 2 Events

Browser Support

Events Chrome IE Firefox Safari Opera
onresize Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη
DOM Events Σώμα Event