Создайте пользовательские контекстные меню правой кнопкой мыши с justContext.js

Каждый веб-браузер имеет контекстное меню по умолчанию. Это появляется, когда пользователь щелчок правой кнопкой мыши в любом месте на странице, и он обычно имеет те же параметры, такие как “копия”, “спасти”, или же “осмотреть элемент”.

С библиотека justContext, вы можете построить специализированные контекстные меню для любых элементов на вашем сайте. Это может быть авто-населенная с чем угодно, и вы можете написать пользовательские функции запускать каждый раз, когда пользователь щелкает опцию в вашем пользовательском меню.

Любой элемент страницы может поддерживать свое собственное контекстное меню. Это означает, что вы можете целевые отдельные предметы такие как слайд-шоу или видео проигрыватели HTML5, или вы можете нацелить на все тело страницы.

Вы имеете полный контроль над тематика контекстного меню, включая шрифты, цвета, значки и даже разделители, чтобы разделить ваше меню на разделы. Этот плагин действительно позволяет вам создать полное контекстное меню с нуля с любыми функциями, которые вам нравятся.

По умолчанию justContext поставляется с две темы: темный и светлый. Вы можете выбрать между ними и найти тот, который лучше всего соответствует вашему сайту.

Каждая тема может быть настроена с использованием разных Google Web Fonts, не говоря уже о всей Font Awesome библиотека упакован по умолчанию.

Проверьте живую демонстрацию, чтобы видеть это в действии. Работает в все браузеры, кроме Internet Explorer но это не должно быть проблемой, учитывая толчок Microsoft к новому браузеру Edge.

Создание фактического контекстного меню немного сложно. Это требуется несколько классов CSS и все это жестко запрограммирован в HTML на вашу веб-страницу.

Вот образец из основного репо на GitHub:

 
 
Резать
 
копия
 
Вставить
 
 
Новый пакет
 
Новый класс
 
Новый интерфейс (отключенная запись)
 
 

Если вы готовы повозиться с настройками Вы можете многое сделать с этим плагином. Но я также признаю, что это нишевый ресурс это не будет ценно для всех сайтов.

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