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 ;)