حدث كبير الحجم
مثال
قم بتنفيذ JavaScript عندما يتم تغيير حجم نافذة المتصفح:
<body onresize="myFunction()">
المزيد من الأمثلة "جربها بنفسك" أدناه.
التعريف والاستخدام
يقع حدث onresize عندما يتم تغيير حجم نافذة المتصفح.
نصيحة: للحصول على حجم عنصر ، استخدم خصائص clientWidth ، و clientHeight ، و innerWidth ، و innerHeight ، و OuterWidth ، و OuterHeight ، و offsetWidth و / أو offsetHeight.
دعم المتصفح
Event | |||||
---|---|---|---|---|---|
onresize | Yes | Yes | Yes | Yes | Yes |
بناء الجملة
في HTML:
<element onresize="myScript">
في JavaScript:
object.onresize = function(){myScript};
في JavaScript ، باستخدام طريقة addEventListener ():
object.addEventListener("resize", myScript);
ملاحظة: طريقة addEventListener () غير مدعومة في Internet Explorer 8 والإصدارات السابقة.
تفاصيل تقنية
فقاعات: | رقم |
---|---|
قابل للإلغاء: | رقم |
نوع الحدث: | UiEvent إذا تم إنشاؤه من واجهة مستخدم ، حدث خلاف ذلك |
علامات HTML المدعومة: | <الجسم> |
إصدار DOM: | أحداث المستوى 2 |
مزيد من الأمثلة
مثال
استخدام طريقة addEventListener () لإرفاق حدث "تغيير الحجم" على كائن النافذة.
window.addEventListener("resize", myFunction);