detectar el boton secundario con javascript

dleal100 · #1 (**permalink**) 05/10/2011, 07:00

hola foreros

bueno como puedo detectar el boton dereche del mause ._.

para que sea algo como esto pero que funcione con el otro boton (el boton secundario del mause)

Código:

<script type="text/javascript">
function caca(){
alert("soy la caca (smirk)");
}
</script>

<div id="caca" onclick="caca();">click here !!</div>

otra cosa, queria preguntarles es que si uso el boton derecho en los ipad o en las pantallas tactiles que boton pikan esque como no tengo ningun despositivo tactil,

Artificium · #2 (**permalink**) 05/10/2011, 08:01

Bien, para hacerlo debes usar el objeto event, en este caso sería así:

onclick="caca(event);"

ahora la función esa sería así:

function caca(evt) {
alert(evt.button);
}

si usas esa función verás que salen distintos números enteros de acuerdo el botón del mouse, el problema es que los valores son distintos si usas I.E. o si usas otro navegador. Tendrías que usar otra función que te detecte qué navegador estás usando. Eso es fácil, solo busca esa función en google y seguro la hallarás. Suerte!

dleal100 · #3 (**permalink**) 05/10/2011, 10:00

gracias pero en firefox nadamas no funciona ._.
y en safari no me da numero con el boton secundario ._.

Código:

<script type="text/javascript">
function lacaca(){
//if(event.button==2)
//{alert("caca")}

alert(event.button);
//chrome 2
//firefox nadamas no funciona ._.
//opera 2
//safari no funciona el secundario y el click da 0
//IE e_e 2
}

</script>

<div id="" onMouseUp="lacaca()">click here !!</div>

Panino5001 · #4 (**permalink**) 05/10/2011, 10:32

Al invocar la escatológica función te han indicado agregar event como argumento y no era decorativo.

Código PHP:

  !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>Untitled Document</title>
<script type="text/javascript">
function kk(e){
    var ev=e || event; 
    alert(ev.button);
}

</script>
</head>

<body>
<div id="" onmouseup="kk(event)">click here !!</div>
</body>
</html>

dleal100 · #5 (**permalink**) 05/10/2011, 10:38

Cita:

Iniciado por Panino5001

Al invocar la escatológica función te han indicado agregar event como argumento y no era decorativo.

ASDAD jajajjaja es verdad tienes razon XD
ahora si me corrio en todos los navegadores XDDDD,

Código:

<script type="text/javascript">
 function caca(evt) {
alert(evt.button);
}
 </script>
 
 
 <div id="" onmousedown="caca(event);">click here!!</div>