حدث onresize

أحداث DOM موضوع 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);

جرب بنفسك

ملاحظة:Internet Explorer 8 أو الأحدث غير يدعمها طريقة addEventListener().

تفاصيل تقنية

التدفق البوبيب: غير مدعوم
قابل للإلغاء: غير مدعوم
نوع الحدث: إذا تم إنشاؤه من واجهة المستخدم،UiEvent.إلا إذا حدث.
العلامات HTML المدعومة: <body>
إصدار DOM: حدث مستوى 2

دعم المتصفحات

أحداث Chrome IE Firefox Safari Opera
onresize الدعم الدعم الدعم الدعم الدعم
أحداث DOM موضوع Event