[jQuery] Deshabilitar menú contextual

Posted on


Una funcionalidad que encontramos en todos los exploradores es que al dar click derecho sobre un campo de texto se abre un menú contextual con opciones como cortar, pegar, copiar, etc. Algunas veces esa funcionalidad no afecta nuet6sra aplicación, pero existen momentos en los cuales tenemos que deshabilitar dicha funcionalidad.

Para deshabilitar el menú contextual vamos a utilizar jQuery, y realizaremos un selector que aplique para todos los campos de texto de la página, en resumen tenemos algo como:

   1:  $(function () {
   2:      $('input:text').bind('contextmenu', function (e) {
   3:          e.preventDefault();
   4:      });
   5:  })

Utilizamos bind para especificar el nombre del evento como su primer parámetro el cual es contextmenu, el segundo parámetro es una función a la cual le definimos una variable e, y simplemente llamamos e.preventDefault() para evitar el comportamiento por defecto que sería en este caso el mostrar el menú contextual.

Espero les sea de utilidad, les dejo un ejemplo:

Descarga el ejemplo!

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s