Comunidad de diseño web y desarrollo en internet online

Reemplazar y bloquear click derecho con Javascript

Les presento un script muy sencillo mediante el cual pueden reemplazar el menú contextual predeterminado de su navegador por uno personalizado con opciones a su gusto, ideal para aplicaciones web o simplemente para complicar el "Guardar imagen como...". Además les dejo un par de funciones extra para implementar. Por ejemplo, agregar el botón copiar y pegar accediendo al ClipBoard.

Se implementa de la siguiente forma en cualquier parte del HTML donde cambiarás el menú del click derecho:

Código :

<div id="menu" style="visibility:hidden; position:absolute;">
   <div class="opcion" onclick="javascript:funcion();">Mi funcion</div>
   <div class="opcion" onclick="javascript:funcion();">Mi funcion</div>
   <div class="opcion" onclick="javascript:funcion();">Mi funcion</div>
   <div><hr /></div>
   <div class="opcion" onclick="javascript:funcion();">Mi funcion</div>
</div>


Habiendo incluido los archivos de estilo CSS y menuContextual.js.

Aquí pueden verlo funcionando.

Es sólo una base. Espero que les sirva para desarrollarlo un poco más.
¡Saludos!

¿Sabes SQL? ¿No-SQL? Aprende MySQL, PostgreSQL, MongoDB, Redis y más con el Curso Profesional de Bases de Datos que empieza el martes, en vivo.

Publica tu comentario

o puedes...

¿Estás registrado en Cristalab y quieres
publicar tu URL y avatar?

¿No estás registrado aún pero quieres hacerlo antes de publicar tu comentario?

Registrate