آموزش رویداد عمومی OnBeforeUnload در HTML

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش رویداد عمومی OnBeforeUnload در HTML با من همراه باشید.

آموزش رویداد عمومی OnBeforeUnload در HTML

Free-Learn

رویداد عمومی OnBeforeUnload در HTML

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

البته بطور کلی این رویداد برای ایجاد یک پیغام هشدار به کاربر قبل از لود کردن یک محتوا درون یک صفحه می باشد، که این پیغام هشدار معمولا به این صورت است : ?Are you sure you want to leave this page که یعنی آیا شما مطمئن هستید میخواهید از این صفحه خارج شوید؟

همچنین قابل ذکره که این پیغام قابل حذف نمی باشد و همچنین در مرورگرهای مختلف دارای حالت نمایش مختلف می باشد.

Free-Learn

مثال از رویداد عمومی OnBeforeUnload در HTML

در ادامه میتوانید یک مثال از این رویداد را مشاهده نمایید.

امتحان کنید

Free-Learn

پشتیبانی مرورگرها

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از رویداد onbeforeunload در HTML پشتیبانی میکنند یا خیر.

نام مرورگر Chrome Firefox Opera Safari IE
پشتیبانی بله بله ۱۵٫۰ بله بله

Free-Learn

روش استفاده

روش استفاده از این رویداد در عناصر HTML بصورت زیر می باشد.

Free-Learn

جدول مقادیر رویداد onbeforeunload

در جدول زیر میتوانید مقادیری را که میتوان در این رویداد استفاده کرد را مشاهده نمایید.

مقدار توضیح
script دستورات جاوااسکریپت برای اجرا شدن

Free-Learn

عناصری که توسط این رویداد پشتیبانی می شوند

رویداد onbeforeunload را میتوان در عناصر/تگ های زیر بکار برد :

<body>

Free-Learn

نکات و توضیحات

رویداد onbeforeunload یک رویداد جدید/اضافه شده در HTML5 می باشد.

Free-Learn