ה ' שנה גודל ” אירוע ב-JavaScript הוא אירוע מובנה המופעל כאשר המשתמש משנה את גודל חלון הדפדפן. ניתן להשתמש באירוע זה כדי להתאים את הפריסה או ההתנהגות של דף אינטרנט בתגובה לגודל החלון החדש. האירוע מופעל/מופעל על אובייקט החלון שמציין את חלון הדפדפן.
פוסט זה ימחיש את אירוע שינוי גודל החלון ב-JavaScript.
מהו אירוע 'שינוי גודל' של חלון ב-JavaScript?
ב-JavaScript, ה' שנה גודל אירוע מופעל כאשר גודל חלון הדפדפן משתנה. אתה יכול לצרף פונקציה לאירוע שינוי גודל באמצעות ' addEventListener() שיטת ' על אובייקט החלון. אירוע זה יופעל בכל פעם שגודל חלון הדפדפן משתנה.
תחביר
התחביר הבא משמש לאירוע resize לשינוי גודל החלון בשיטה 'addEventListener()':
window.addEventListener ( 'שנה גודל' , funcName )
מומלץ להסיר את מאזין האירועים כדי למנוע דליפות זיכרון. להסרת המאזין לאירועים, השתמש ב-' removeEventListener() ' שיטה:
דוגמא
בדוגמה המצורפת, האורך והרוחב של החלון יוצגו בעמוד תוך כדי שינוי גודל החלון.
ראשית, צור אזור טווח להצגת האורך והרוחב של החלון:
חַלוֹן רוחב של:חַלוֹן' s גובה: < לְהַקִיף תְעוּדַת זֶהוּת = 'גוֹבַה' > לְהַקִיף >
לאחר מכן, בתג