Какие есть варианты создания своего контекстного меню при нажатии правой кнопки мыши в браузере?

Question

[Lorem Ipsum]

Есть ли какие-то готовые решения/библиотеки/фреймворки?
Можно ли сделать на чистом JavaScript/CSS? Если да, то с чего начать?

Стандартное:


Кастомизированное:

Answer 1

[naromixo]

Создаешь блок контекстного меню (своего), делаешь его невидимым через display: none;
В JS ловишь открытие контекстного меню и отменяешь его через return false;
В этом же обработчике перемещаешь его в координаты мыши и делаешь видимым.

Comments

[Lorem Ipsum]

То есть фокус в том, что новое меню просто слоем выше, чем стандартное?

[naromixo]

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