رویداد onresize
تعریف و استفاده
رویداد onresize در زمان تغییر اندازه پنجره مرورگر رخ می‌دهد.
توضیح:برای دریافت اندازه یک عنصر، از clientWidth، clientHeight،innerWidthوinnerHeightوouterWidthوouterHeightو یا属性 offsetWidth و/یا offsetHeight.
مثال
مثال 1
وقتی اندازه پنجره مرورگر تغییر می‌کند، جاوااسکریپت اجرا می‌شود:
<body onresize="myFunction()">
مثال 2
با استفاده از روش addEventListener() به عنصر window "resize" رویداد اضافه کنید:
window.addEventListener("resize", myFunction);
قوانین
در HTML:
<عناصر onresize="myScript">
در جاوااسکریپت:
اجسام.onresize = function(){myScript};
در جاوااسکریپت، از روش addEventListener() استفاده کنید:
اجسام.addEventListener("resize", myScript);
توضیحات:اینترنت اکسپلورر 8 یا نسخه‌های پیشین آن پشتیبانی نمی‌کند مетод addEventListener()。
جزئیات فنی
| بالابری: | پشتیبانی نمی‌شود |
|---|---|
| قابل لغو: | پشتیبانی نمی‌شود |
| نوع رویداد: | اگر از رابط کاربری کاربر ایجاد شده باشد،UiEvent، در غیر این صورت رویداد。 |
| برچسب‌های HTML پشتیبانی شده: | <body> |
| نسخه DOM: | رویدادهای سطح 2 |
پشتیبانی از مرورگر
| رویداد | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| onresize | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی |
