eventos - evento click derecho javascript
cómo escribir su propio menú de clic derecho y desactivar el valor predeterminado usando jquery/javascript (3)
Deshabilité exitosamente el evento de clic derecho en la página en la que estoy trabajando con jquery. Quiero crear un menú de clic derecho personalizado. ¿Cómo puedo hacer esto? ¿Necesita esto una configuración css relevante para que funcione (es decir, "posición")?
Este ejemplo funciona, aunque es cursi. Lo que podría hacer en su controlador de menú contextual es mostrar un DIV en una ubicación específica en la pantalla con los elementos que elija. Por lo que sé, no hay forma de personalizar los elementos dentro del menú contextual que aparece al hacer clic con el botón derecho en los elementos.
<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>
Hay varios complementos del menú contextual de jQuery, listos para usar:
También hay este plugin: Menú contextual de Audero . Es gratis y muy simple de usar.