Deshabilitar click raton???

quink3216 · #1 (**permalink**) 22/01/2013, 15:01

Saludos!!

Tengo el siguiente script:

Cita:

Su función es que bloquear el click izquierdo del ratón.

El problema es que solo funciona en Google Chrome, en Firefox no lo he probado, pero en IE no funciona.

¿Como podría ser util para los demas navegadores?

Gracias

jonni09lo · #2 (**permalink**) 22/01/2013, 15:34

Para ahorrarte validaciones de todos los navegadores puedes usar jQuery

Saludos

emprear · #3 (**permalink**) 22/01/2013, 18:03

Cita:

Iniciado por quink3216

Saludos!!

Tengo el siguiente script:

Su función es que bloquear el click izquierdo del ratón.

El problema es que solo funciona en Google Chrome, en Firefox no lo he probado, pero en IE no funciona.

¿Como podría ser util para los demas navegadores?

Gracias

Se puede saber cual es la idea?
SAludos

DoHITB · #4 (**permalink**) 23/01/2013, 03:33

Buenas!

Iba a crear un tema similar... pero creo que para no cargar el foro aprovecharé un poco este topic :-p (si no os importa).

Creo que el motivo de la consulta es el mismo que quiero hacer yo... Os cuento mi caso:

Al iniciar sesión en mi web, si has hecho algo mal (usuario inexistente, password incorrecto, etc) sale un aviso, y a la vez el resto del contenido queda translúcido (opacity=.5).

Pero ahí es donde me falla esto... y es que se puede seguir haciendo click en cualquier elemento... y me gustaría que no se pudiera...

Estaré pendiente de la solución, a la vez que investigo por google (si doy con algo lo posteo!)

Saludos

---
EDIT: encontrada solución:

Código Javascript:

Ver original// Definimos si se debe mostrar el mensaje     
var mostrarMensaje = true;     
// Definimos el mensaje a mostrar     
var mensaje = "Botones del Mouse deshabilitados";         
/* Creamos una función para que se ejecute ante el evento onmousedown    es decir, cada vez que se presiona un botón del mouse, ya sea el izquierdo,    el derecho o la rueda */
function noClick() {
  if (mostrarMensaje) {
    alert(mensaje);
  }
}       
 
// Llamamos a la función cada vez que se presiona un botón         
document.onmousedown = noClick;         
 
/* Ante el evento oncontextmenu creamos un nuevo objeto (función)        para que anule el menú contextual del navegador */
document.oncontextmenu = new Function("return false");

Testeado en:

- Chrome
- IE 10, 9, 8, 7, 5
- FF
- Opera
- Safari

funciona en todos.

Saludos!

Fuzzylog · #5 (**permalink**) 23/01/2013, 03:56

Como dice jonni, con jQuery tienes esto:

http://api.jquery.com/unbind/

así haces $('#idBoton').unbind(); y debería quitarte todos los handlers asociados.

Si tienes un input tipo submit en el propio html ponle además un onclick="return false"

emprear · #6 (**permalink**) 23/01/2013, 06:01

Convengamos que si es por seguridad, con javascript no es muy seguro. Además la pregunta original decia bloquear el botón izq (asumamos que es el primario), pero sin indicar las circunstancias.
La técnica de una capa haciendo "overlay" con css, me parece sigue siendo más atractiva y no requiere de jQuery

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Overlay</title>
<style type="text/css">
/*<![CDATA[*/
html,body{
height: 100%;
margin: 0;
padding: 0;
border: none;
}
#ocultar{
 display: none;
 position:fixed;
 background:#000;
 width: 100%;
 height: 100%;
 opacity: 0.8;
 margin: 0;
 padding: 0;
 border: none;
 top:0;
 left:0;
 z-index: 999;
text-align: center;
padding-top: 200px;
overflow:hidden;
 }
 
#cerrar{
background: red;
color: #FFF;
border: solid red 2px;
border-radius: 5px;
position: absolute;
z-index: 1000;
text-align: center;
width: 100px;
padding: 8px;
top: 40%;
left: 50%;
margin-left: -50px;
cursor: pointer;
}
 
/*]]>*/
</style>
<script type="text/javascript">
//<![CDATA[
 
function ocultar(){
document.getElementById('ocultar').style.display ="block";
document.oncontextmenu = new Function("return false");
}
function desactivar(){
document.getElementById('hola').disabled = true;
}
//]]>
</script>
 
</head>
<body>
<div id="ocultar">
<div onclick="this.parentNode.style.display ='none';document.oncontextmenu= 'return true';" id="cerrar">mensaje...<br/><small>cerrar</small>
</div>
</div>
<button onclick="ocultar();">generar error loguin</button>
<h1>xxxx</h1>
<h2>xxxxx</h2>
<button onclick="desactivar()">input disable</button>
<form action="#">
<input type="text" value="hola" name="hola" id="hola" />
</form>
</body>
</html>

Es crossbrowser

SAludos