حدث تغيير حجم نافذة جافا سكريبت

Hdth Tghyyr Hjm Nafdht Jafa Skrybt



ال ' تغيير الحجم 'في JavaScript هو حدث مضمن يتم تشغيله عندما يغير المستخدم حجم نافذة المتصفح. يمكن استخدام هذا الحدث لضبط تخطيط أو سلوك صفحة الويب استجابة لحجم النافذة الجديدة. يتم تشغيل / تشغيل الحدث على كائن النافذة الذي يشير إلى نافذة المتصفح.

سيوضح هذا المنشور حدث تغيير حجم النافذة في JavaScript.







ما هو حدث 'تغيير حجم' النافذة في JavaScript؟

في JavaScript ، فإن ' تغيير الحجم 'عندما يتغير حجم نافذة المتصفح. يمكنك إرفاق وظيفة بحدث تغيير الحجم باستخدام ' addEventListener () 'طريقة على كائن النافذة. سيتم تشغيل هذا الحدث كلما تم تغيير حجم نافذة المتصفح.



بناء الجملة



تُستخدم الصيغة التالية لحدث تغيير الحجم لتغيير حجم النافذة باستخدام طريقة 'addEventListener ()':





window.addEventListener ( 'تغيير الحجم' ، funcName )


يوصى بإزالة مستمع الحدث لتجنب أي تسرب للذاكرة. لإزالة مستمع الحدث ، استخدم ' removeEventListener () ' طريقة:

window.removeEventListener ( 'تغيير الحجم' ، funcName ) ؛


مثال



في المثال المقدم ، سيتم عرض طول وعرض النافذة على الصفحة أثناء تغيير حجم النافذة.

أولاً ، قم بإنشاء منطقة امتداد لعرض طول وعرض النافذة:

نافذة او شباك عرض:

نافذة او شباك'
ارتفاع ق: < فترة بطاقة تعريف = 'ارتفاع' > فترة >


ثم ، في علامة