Menú contextual con jQuery

Cuando diseñamos una aplicación o componente más o menos complejo puede que necesitemos modificar el menú contextual que se obtiene al presionar el botón derecho de nuestro mouse. Para hacer esto podemos usar ContextMenu, un simple pero efectivo plugin jQuery.

Con ContextMenu vamos a lograr mediante una simple div con una lista ul, generar un menú contextual que solo se va a mostrar en el lugar preciso que nosotros definamos como contexto. Por ejemplo puede ser un encabezado, enlace o cualquier elemento HTML que decidamos utilizar.

Dentro de las opciones de configuración de este plugin vamos a tener la posibilidad de estilizar la caja contextual con CSS, por lo que llevar este menú a la forma precisa de nuestro sitio web para que la integración sea perfecta no es demasiado complicado.

Algo interesante de este plugin es que la sombra del menú se puede activar o desactivar muy fácilmente, algo distinto a otras opciones que usan PNG transparentes, que a veces y dependiendo de nuestros requisitos pueden dar problemas de compatibilidad con navegadores antiguos.

Web: ContextMenu