jQuery contextMenu: Agregá un menú contextual a tus páginas

La idea de asignarle a cada elemento sus propias opciones en una página web es muy útil muchas veces. Una solución sería hacerlo a través del menú contextual que aparece cuando hacemos click con el botón derecho del mouse. Esto es lo que propone jQuery contextMenu de una forma muy fácil.

Este plugin para jQuery permite muchísimas opciones. Desde íconos para personalizar cada ítem del menu contextual, hasta la posibilidad de que el menu aparezca cuando simplemente pasamos por arriba del elemento, que se lance cuando hacemos click con el izquierdo. También permite setear teclas de acceso para cada una de las opciones que aparecen, e inclusive submenus.

En definitiva es un plugin muy completo y muy fácil de utilizar:

$(function(){
    $.contextMenu({
        selector: '.context-menu-one', 
        callback: function(key, options) {
            var m = "clicked: " + key;
            window.console && console.log(m) || alert(m); 
        },
        items: {
            "edit": {name: "Edit", icon: "edit"},
            "cut": {name: "Cut", icon: "cut"},
            "copy": {name: "Copy", icon: "copy"},
            "paste": {name: "Paste", icon: "paste"},
            "delete": {name: "Delete", icon: "delete"},
            "sep1": "---------",
            "quit": {name: "Quit", icon: "quit"}
        }
    });
});

Link: jQuery contextMenu

Un comentario en «jQuery contextMenu: Agregá un menú contextual a tus páginas»

  • el 29/04/14 a las 4:08
    Enlace permanente

    Ya conocía este plugin, pero está es la explicación más sencilla que he encontrado. Gracias por tu contenido.

    Probando…

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.