رویداد onresize
مثال (رویداد onresize)
اجرا کردن یک تابع جاوااسکریپت، هنگامی که صفحه وب(window) تغییر اندازه می دهد:
<body onresize="myFunction()">
خودتان امتحان کنید »
در انتهای این صفحه، مثال های بیشتری آورده شده است.
تعریف و کاربرد
رویداد onresize زمانی روی می دهد که،اندازه ی صفحه وب(browser window) تغییر کند.
نکته: برای گرفتن اندازه ی یک عنصر از خصوصیات clientWidth, clientHeight, innerWidth, innerHeight, outerWidth, outerHeight, offsetWidth , offsetHeight استفاده کنید.
پشتیبانی مرورگرها
| Event | |||||
|---|---|---|---|---|---|
| onresize | بله | بله | بله | بله | بله |
نحوه استفاده
در HTML:
<element onresize="myScript">امتحان کنید
در جاوااسکریپت:
object.onresize=function(){myScript};امتحان کنید
استفاده از متد addEventListener()، در جاوااسکریپت:
object.addEventListener("resize", myScript);امتحان کنید
نکته: متد addEventListener() در Internet Explorer 8 و ورژن های قدیمی تر آن پشتیبانی نمی شود.
جزئیات تکنیکی
| Bubbles: | خیر |
|---|---|
| Cancelable: | خیر |
| Event type: | UIEvent |
| Supported HTML tags: | <body> |
| DOM Version: | Level 2 Events |
مثال - خودتان امتحان کنید
مثال (رویداد onresize)
استفاده از متد addEventListener() به منظور استفاده از رویداد resize بر روی شیء window:
window.addEventListener("resize", myFunction);
خودتان امتحان کنید »
مرجع کلیه رویدادهای JavaScript
- نوشته شده توسط احسان عباسی
- بازدید: 5422
