Я успешно отключил событие правого клика на странице, над которой я работаю, используя jquery. Я хочу создать настраиваемое меню правой кнопки мыши. Как я могу это сделать? Требуется ли это для соответствующей настройки css, чтобы заставить ее работать (т.е. "Позиция" )?
Как написать свое собственное меню правой кнопки мыши и отключить по умолчанию, используя jquery/javascript
Ответ 1
Существуют различные плагины контекстного меню jQuery, готовые к использованию:
Ответ 2
Этот пример работает, хотя он сырный. Что вы можете сделать в своем обработчике contextmenu, это показать DIV в определенном месте на экране с элементами по вашему выбору. Насколько я знаю, нет способа настроить элементы в контекстном меню, которое появляется при щелчке правой кнопкой мыши по элементам.
<html>
<head>
<title>Context menu test</title>
<style type="text/css">
.element {
background-color: blue;
height: 300px;
width: 300px;
}
.popup {
background-color: red;
border: 1px solid black;
width: 100px;
height: 100px;
position: absolute;
}
</style>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function() {
$(".element").contextmenu
(
function(e) {
$("div.popup").remove();
$("<div class='popup'>Hi</div>").appendTo("body")
.css("left", e.pageX)
.css("top", e.pageY)
.show();
e.preventDefault(); // return false; also works
}
);
}
);
$.fn.contextmenu = function(func) {
return this.bind("contextmenu", func);
}
</script>
</head>
<body>
<div class="element"></div>
</body>
</html>
Ответ 3
Также есть этот плагин: Контекстное меню Audero. Он бесплатный и очень простой в использовании.