رویداد onbeforeunload در HTML صفت جدید html5

در این مقاله از سایت آموزی جهت استفاده شما عزیزان به معرفی و کاربرد رویداد onbeforeunload در html می پردازیم.

ویژگی رویدادی onbeforeunload زمانی که صفحه وب در آستانه بسته شدن است رخ می دهد و بیشتر در تگ body استفاده می شود.

معرفی و کاربرد رویداد onbeforeprint در HTML

رویداد onbeforeunload در html زمانی رخ می دهد که صفحه وب در آستانه بسته شدن است.

این رویداد به شما این امکان را می دهد که برای اطلاع به کاربر یک پیام را به او نشان دهید. این پیغام از او می خواهد که آیا قصد خارج شدن از صفحه وب را دارد یا خیر؟

پیام پیش فرضی که توسط confirm به کاربر نشان داده می شود، در مرورگر های مختلف متفاوت است.

اما پیام استاندارد تقریبا اینگونه است : ?Are you sure want to leave this page شما نمی توانید این پیام پیش فرض را تغییر دهید،

اما می توانید یک پیام اختیاری در کنار آن بنویسید. این صفت رویدادی html بیشتر در تگ body استفاده می شود.

نکات مهم ویژگی onbeforeunload در تگ body

اگر که ویژگی رویدادی onbeforeunload در درون تگ body تعریف نشده باشد، شما باید رویداد را در شیء window تعریف کنید و از خصوصیت returnValue برای ایجاد یک پیام اختیاری استفاده کنید.

در مرورگر فایرفاکس ، تنها پیام پیش فرض می تواند نمایش پیدا کند ( نمی توان هیچ پیام اختیاری را تعریف کرد ).

مثال در مورد استفاده از رویداد onbeforeunload در html درون تگ body

<body onbeforeunload=”return myFunction()”>
<p>Close this window, press F5 or click on the link below to invoke the onbeforeunload event.</p>
<a href=”https://siteamoozi.com”>Click here to go to w3schools.com</a>
<script>
function myFunction() {
return “Write something clever here…”;
}
</script>
</body>