این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
آموزش رویداد عمومی OnContextMenu در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش رویداد عمومی OnContextMenu در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
رویداد OnContextMenu زمانی رخ میدهد که کاربر بروی یک محدوده خاص کلیک راست کند، پس بطور کلی این رویداد در هنگام کلیک راست کردن ماوس اتفاق می افتد.
توجه : هرچند رویداد OnContextMenu در تمامی مرورگرها پشتیبانی می شود ولی صفت عمومی ContextMenu بکل منسوخ شده و نباید ازش استفاده کرد.
Free-Learn
در ادامه میتوانید یک مثال از این رویداد را مشاهده نمایید.
مثال شماره ۱ : باید وقتی روی باکس آبی رنگ کلیک راست میکنید، یه پیغام بده و یه منو نمایش داده بشه، پیغام که توسط رویداد oncontextmenu می باشد نمایش داده میشه ولی منو که توسط صفت contextmenu مشخص شده نمایش داده نمیشه ( چون همونطور که گفتم کلا منسوخ شده و مرورگرها ازش پشتیبانی نمیکنن )
|
1 2 3 4 5 6 7 |
<body> <div oncontextmenu="MyMessage();"> ... </div> </body> |
مثال شماره ۲ : غیرفعال کردن کلیک راست در کل صفحه ( یعنی تو صفحه کلا کلیک راست غیرفعال میشه و کسی نمیتونه کلیک راست بکنه که بخواد مثلا متنی و.. کپی کنه و.. )
|
1 2 3 4 5 6 7 |
<script> window.oncontextmenu = (e) =>{ e.preventDefault(); } </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از رویداد oncontextmenu در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
روش استفاده
روش استفاده از این رویداد در عناصر HTML بصورت زیر می باشد.
|
1 |
<element oncontextmenu="Script"> |
Free-Learn
در جدول زیر میتوانید مقادیری را که میتوان در این رویداد استفاده کرد را مشاهده نمایید.
| مقدار | توضیح |
| Script | دستورات جاوااسکریپت برای اجرا شدن |
Free-Learn
عناصری که توسط این رویداد پشتیبانی می شوند
رویداد oncontextmenu را میتوان در عناصر/تگ های زیر بکار برد :
| تمامی تگ های HTML |
Free-Learn
نکات و توضیحات
- خوده رویداد توسط مرورگرها پشتیبانی میشود و اجرا میشود این هیچ، ولی صفت contextmenu متاسفانه توسط هیچکدام از مرورگرها پشتیبانی نمیشود.
