آموزش صفت عمومی contextmenu در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت عمومی contextmenu در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
صفت contextmenu
صفتی است که ما با استفاده از آن میتوانیم یک منو ایجاد نماییم که وقتی کاربر بروی یک محدوده خاص کلیک راست کرد آن منو به کاربر نمایش داده شود.
مقداری که این صفت میتونه بپذیره یک آی دی یا Id می باشد که در واقع این آی دی همان منو ما می باشد که قرار است با کلیک راست کاربر بروی یک محدوده خاص نمایش داده شود.
برای ایجاد منو ما باید از تگ menu و برای ایجاد آیتم های منو نیز باید از تگ menuitem استفاده نماییم.
Free-Learn
در ادامه میتوانید یک مثال از این صفت را مشاهده نمایید.
1 2 3 4 5 6 7 8 9 10 11 |
<div contextmenu="mymenu"> <p>برای نمایش منو، لطفا تو این محدوده کلیک راست نمایید</p> <menu type="context" id="mymenu"> <menuitem label="تازه سازی صفحه" onclick="window.location.reload();"></menuitem> <menuitem label="ایمیل کردن این صفحه" onclick="window.location='mailto:?body='+window.location.href;"></menuitem> <menuitem label="سایت آموزشی فری لرن" onclick="window.location='https://free-learn.ir'" icon="images/Logo-Header-2.png"></menuitem> <menuitem label="رو من کلیک کن" onclick="alert('سلام خوبی؟');"></menuitem> </menu> </div> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت contextmenu
در HTML پشتیبانی میکنند یا خیر.
نام مرورگر | Chrome | Firefox | Opera | Safari | IE |
پشتیبانی | خیر | بله | خیر | خیر | خیر |
Free-Learn
روش استفاده
روش استفاده از این صفت در عناصر HTML بصورت زیر می باشد.
1 |
<element contextmenu="menu_id"> |
Free-Learn
در جدول زیر میتوانید مقادیر را که میتوان در این صفت استفاده کرد را مشاهده نمایید.
مقدار | توضیح |
menu_id | آی دی منویی که قرار است نمایش داده شود |
Free-Learn
نکات و توضیحات
صفت contextmenu
یک صفت جدید است که در HTML5 اضافه شده است.