Для того чтобы добавить действие на правую кнопку мыши (context menu) в веб-приложении или веб-сайте, можно использовать JavaScript.
Ниже приведен пример простого способа добавления контекстного меню при нажатии на правую кнопку мыши:
- Сначала необходимо создать HTML элемент, на который будет применяться контекстное меню. Например, элемент с ID «myElement»:
<div id="myElement">Правая кнопка мыши</div>
- Затем добавляем JavaScript код, который будет обрабатывать событие нажатия на правую кнопку мыши и отображать контекстное меню:
document.getElementById("myElement").addEventListener("contextmenu", function(event) {
event.preventDefault(); // Предотвращаем стандартное контекстное меню браузера
// Создаем собственное контекстное меню
var contextMenu = document.createElement("div");
contextMenu.innerHTML = "Действие 1<br>Действие 2<br>Действие 3";
contextMenu.style.position = "absolute";
contextMenu.style.backgroundColor = "#f9f9f9";
contextMenu.style.border = "1px solid #c0c0c0";
contextMenu.style.padding = "5px";
contextMenu.style.left = event.clientX + "px";
contextMenu.style.top = event.clientY + "px";
document.body.appendChild(contextMenu);
// Обработчик для закрытия контекстного меню
document.addEventListener("click", function() {
contextMenu.remove();
});
});
- После этого при нажатии на правую кнопку мыши на элементе с ID «myElement» будет показано наше созданное контекстное меню с тремя действиями. При клике вне контекстного меню, оно будет закрыто.
Это базовый пример создания контекстного меню на правую кнопку мыши с помощью JavaScript. Можно дополнить функционал под свои потребности, добавляя другие действия или стилизацию.