Reconocer Click derecho en CAPA

richardinj · #1 (**permalink**) 27/02/2010, 01:18

Hola, es posible reconocer como un eventoi al click derecho?.. pero me refiero a una sola capa...

Tengo 4 capas y quiero que cuando le haga click derecho salga un mensaje.. y que cuando haga click normal.. salga otro mensaje.. pero siempre y cuando hagan click derecho unicamente a esa capa...

saludos y gracias...

Panino5001 · #2 (**permalink**) 27/02/2010, 02:38

Probá:

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>Documento sin título</title> 
<style> 
#pp{ width:50px; height:50px; background:#900; cursor:pointer} 
</style> 
<script> 
/*-- funciones auxiliares --*/ 
function t(id){return document.getElementById(id);} 
function addEvent(obj,fun,type){ 
    if(obj.addEventListener){ 
        obj.addEventListener(type,fun,false); 
    }else if(obj.attachEvent){ 
        var f=function(){ 
            fun.call(obj,window.event); 
        } 
        obj.attachEvent('on'+type,f); 
        obj[fun.toString()+type]=f; 
    }else{ 
        obj['on'+type]=fun; 
    } 
}  
/*-- finciones auxiliares --*/ 
onload=function(){ 
    addEvent( 
        t('pp'), 
        function(e){ 
            var evt=e || event; 
            if(evt.button==2) 
                alert('hizo click con botón derecho'); 
            }, 
        'mousedown'); 
    document.oncontextmenu=function(){return false} 
} 
</script> 
</head> 
 
<body> 
<div id="pp"></div> 
</body> 
</html>

richardinj · #3 (**permalink**) 27/02/2010, 12:17

uy que medio complicado sale...

Lo que llegue a hacer al final fue fue agregar en cada capa el evento onContextMenu

<div src='foto1.jpg' onContextMenu="alert('imagen 1'); return false;" > Capa 1 </div>
<div src='foto2.jpg' onContextMenu="alert('imagen 2'); return false;" > Capa 2 </div>
<div src='foto3.jpg' onContextMenu="alert('imagen 3'); return false;" > Capa 3 </div>
<div src='foto4.jpg' onContextMenu="alert('imagen 4'); return false;" > Capa 4 </div>

gracias de todos modos ;)