Створення користувацьких контекстних меню з правою кнопкою миші з допомогою justContext.js

Кожен веб-браузер має контекстне меню за умовчанням. Це з'являється, коли користувач клацніть правою кнопкою в будь-якому місці на сторінці, і зазвичай вона має ті ж опції, як “копіювати”, “зберегти”, або “перевірити елемент”.

З бібліотека justContext, можна будувати спеціалізовані контекстні меню для будь-яких елементів на вашому сайті. Це можуть бути автоматично заповнено з чим завгодно, і ви можете писати спеціальні функції для запуску кожного разу, коли користувач натискає параметр у вашому спеціальному меню.

Будь-який елемент сторінки може підтримувати власне контекстне меню. Це означає, що ви можете націлювати окремі елементи такі як слайд-шоу або відеоплеєри HTML5, або ви можете націлювати на все тіло сторінки.

Ви маєте повний контроль над тематизації контекстного меню, включаючи шрифти, кольори, іконки та навіть роздільники, щоб розділити ваше меню на розділи. Цей плагін дійсно дозволяє створювати повний контекстне меню з нуля з будь-якими функціями, які вам подобаються.

За замовчуванням поставляється justContext дві теми: темний і світлий. Ви можете вибирати між ними і знаходити будь-яке з них найкраще відповідає вашому сайту.

Кожна тема може бути налаштована з використанням різних Шрифти Google Web, не кажучи вже про весь Шрифт Awesome пакується за замовчуванням.

Перегляньте демонстрацію, щоб побачити його в дії. Вона працює в всі браузери, крім Internet Explorer але це не повинно бути проблемою з огляду на поштовх Microsoft до нового браузера Edge.

Створення фактичного контекстного меню трохи складніше. Це вимагає декількох класів CSS і це все жорстко в HTML на веб-сторінці.

Ось a зразок з головного репо на GitHub:

  Вирізати
 Копіювати
 Вставити
 
 Новий пакет
 Новий клас
 Новий інтерфейс (заборонений запис)

Якщо ви готові возитися з налаштуваннями Ви можете зробити багато з цим плагіном. Але, я також визнаю це специфічний для ніші ресурс це не буде корисним для всіх веб-сайтів.

Незалежно від того, чому або як ви його використовуєте, justContext є абсолютним найкращим ресурсом для створення веб-контекстних меню з нуля. Вся документація доступна на GitHub, а плагін на 100% вільний від використання в будь-якому веб-проекті.