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

برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 و jQuery

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

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

معرفی و کاربرد صفت رویدادی onbeforeprint در سند HTML

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

برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور

برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 و jQuery

پیام پیش فرضی که توسط  confirm به کاربر نشان داده می شود، در مرورگر های مختلف متفاوت است. اما پیام استاندارد تقریبا اینگونه است : ?Are you sure want to leave this page شما نمی توانید این پیام پیش فرض را تغییر دهید، اما می توانید یک پیام اختیاری در کنار آن بنویسید. این صفت رویدادی html بیشتر در تگ body استفاده می شود.

نکات مهم

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

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

مثال در مورد استفاده از ویژگی onbeforeunload درون تگ 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>

بررسی ویژگی onbeforeunload درون سند html 4.0.1 و HTML5

ویژگی onbeforeunload درون نسخه HTML5 معرفی شده است و در نسخه HTML 4.0.1 و ورژن های قدیمی تر وجود نداشت.

پشتیبانی مرورگرهای اینترنتی از ویژگی onbeforeunload در تگ body

برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور

برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 و jQuery

پیوندهای کاربردی و مفید

تگ های HTML در سایت آموزی

تگ های جدید HTML5 در سایت آموزی

صفات تگ های HTML در سایت آموزی

تگ های منسوخ شده HTML5 در سایت آموزی

تگ های block level و inline level در سایت آموزی

تگ های HTML در W3school

ویژگی های CSS در سایت آموزی

ویژگی های CSS در W3schools

رویداد onbeforeunload در HTML صفت onbeforeunload – اختصاصی سایت آموزی