آموزش رویداد عمومی OnBeforeUnload در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش رویداد عمومی OnBeforeUnload در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
رویداد عمومی OnBeforeUnload در HTML
رویداد onbeforeunload
رویدادی است که ما با استفاده از آن میتوانیم یک پیغام هشدار به کاربر جهت ترک یا عدم ترک صفحه ای که در آن قرار دارد نمایش دهیم.
البته بطور کلی این رویداد برای ایجاد یک پیغام هشدار به کاربر قبل از لود کردن یک محتوا درون یک صفحه می باشد، که این پیغام هشدار معمولا به این صورت است : ?Are you sure you want to leave this page که یعنی آیا شما مطمئن هستید میخواهید از این صفحه خارج شوید؟
همچنین قابل ذکره که این پیغام قابل حذف نمی باشد و همچنین در مرورگرهای مختلف دارای حالت نمایش مختلف می باشد.
Free-Learn
مثال از رویداد عمومی OnBeforeUnload در HTML
در ادامه میتوانید یک مثال از این رویداد را مشاهده نمایید.
1 2 3 4 5 6 7 8 9 10 11 |
<body onbeforeunload="return myFunction()"> <a href="https://free-learn.ir">اینجا کلیک نمایید</a> <script> function myFunction() { return ""; } </script> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از رویداد onbeforeunload
در HTML پشتیبانی میکنند یا خیر.
نام مرورگر | Chrome | Firefox | Opera | Safari | IE |
پشتیبانی | بله | بله | ۱۵٫۰ | بله | بله |
Free-Learn
روش استفاده
روش استفاده از این رویداد در عناصر HTML بصورت زیر می باشد.
1 |
<element onbeforeunload="script"> |
Free-Learn
جدول مقادیر رویداد onbeforeunload
در جدول زیر میتوانید مقادیری را که میتوان در این رویداد استفاده کرد را مشاهده نمایید.
مقدار | توضیح |
script | دستورات جاوااسکریپت برای اجرا شدن |
Free-Learn
عناصری که توسط این رویداد پشتیبانی می شوند
رویداد onbeforeunload
را میتوان در عناصر/تگ های زیر بکار برد :
<body> |
Free-Learn
نکات و توضیحات
رویداد onbeforeunload
یک رویداد جدید/اضافه شده در HTML5 می باشد.