Download script Create a custom right context menu using CSS and JavaScript

دانلود script ایجاد یک منوی راست زمینه سفارشی با استفاده از CSS و جاوا script

چگونه با استفاده از HTML ، CSS و جاوا script، یک منوی زمینه سفارشی برای وب سایت ها یا برنامه های کاربردی وب ایجاد کنید . هدف این script ارائه مرجعی به برنامه‌نویسان برای یادگیری سفارشی‌سازی برخی از ویژگی‌های پیش‌فرض مرورگرها هنگام مرور وب‌سایت‌ها یا برنامه‌های کاربردی وب است. در اینجا، من script های یک صفحه وب را ارائه خواهم کرد که ایجاد یک منوی زمینه سفارشی را نشان می دهد .

Sample images at script time

منوی زمینه چیست؟

منوی زمینه به عنوان یک منوی متنی، پاپ آپ یا میانبر نیز شناخته می شود. این یک رابط کاربری گرافیکی (رابط کاربری گرافیکی) است که با کلیک راست نشان داده یا فعال می شود. به طور پیش فرض، مرورگرها دارای یک منوی زمینه داخلی برای تمام صفحاتی هستند که با استفاده از آن مرور می شوند، اما برخی از توسعه دهندگان یک منوی سفارشی را برای دستیابی به نیازهای خود پیاده سازی می کنند و گزینه ها یا منوهایی را ارائه می دهند که فقط برای صفحه خاص، عنصر صفحه یا صفحه خاص قابل اجرا هستند. لفاف ها همچنین اغلب برای ارائه گزینه‌ها یا انتخاب‌های بیشتری به کاربران استفاده می‌شود که امکان انجام آنها با شی یا عنصر صفحه انتخاب شده وجود دارد.

چگونه یک منوی زمینه ایجاد کنیم؟

ما می توانیم به سادگی با استفاده از HTML، CSS و جاوا script بدون هیچ گونه کتابخانه ای به منوی زمینه سفارشی دست یابیم . با استفاده از عناصر HTML ، می‌توانیم فهرستی از انتخاب‌ها یا منوهایی را که می‌خواهیم در اختیار کاربران قرار دهیم ایجاد کنیم و از CSS یا script‌های صفحه سبک برای طراحی آن استفاده می‌کنیم تا اینکه چگونه می‌خواهیم منوی زمینه سفارشی در قسمت جلویی ظاهر شود. سپس، جاوا script می تواند منوی زمینه مرورگر را به منوی سفارشی تغییر دهد و عنصری را که در آن رویداد کلیک راست فعال شده است، نمایش داده و تغییر مکان دهد. JS دارای شنونده رویدادی به نام contextment است که به توسعه دهنده اجازه می دهد تا از نمایش پیش فرض و نمایش منوی زمینه سفارشی جلوگیری کند. نمونه script های صفحه وب را که در زیر ارائه کرده ام را بررسی کنید تا بیشتر بدانید و درک کنید.

Dear user, you are offered a download.