Ver Mensaje Individual
  #1 (permalink)  
Antiguo 25/09/2013, 17:25
cmarrero01
 
Fecha de Ingreso: abril-2011
Ubicación: Mendoza
Mensajes: 42
Antigüedad: 13 años, 8 meses
Puntos: 0
Exclamación Mover en diagonal un div con el teclado

Estimados, estoy necesitando mover un div en diagonal, hasta el momento, solo lo puedo mover en direcciones clasicas (arriba, abajo, derecha, izquierda)...

Código Javascript:
Ver original
  1. this.keyboard = function(){
  2.         $(document).keydown(function(e){
  3.             if(e.keyCode == '65'){
  4.                 self.move('left');
  5.             }
  6.             if(e.keyCode == '68'){
  7.                 self.move('right');
  8.             }
  9.             if(e.keyCode == '87'){
  10.                 self.move('top');
  11.             }
  12.             if(e.keyCode == '83'){
  13.                 self.move('bottom');
  14.             }
  15.         });
  16.     };
  17.  
  18. this.move = function(dir){
  19.  
  20.         var x = self.div.offset().left;
  21.         var y = self.div.offset().top;
  22.  
  23.         switch (dir){
  24.             case 'left':
  25.                 x = x - self.pixMove;
  26.                 break;
  27.             case 'right':
  28.                 x = x + self.pixMove;
  29.                 break;
  30.             case 'top':
  31.                 y = y - self.pixMove;
  32.                 break;
  33.             case 'bottom':
  34.                 y = y + self.pixMove;
  35.                 break;
  36.             default:
  37.                 break;
  38.         }
  39.  
  40.  
  41.         self.div.css('left',x+'px');
  42.         self.div.css('top',y+'px');
  43.     };

Quizas una de las formas es tomar si hay dos teclas presionadas en el teclado, como la W y la D juntas. .por ejemplo, pero no lo logre..

Alguna idea????
__________________
Claudio A. Marrero - Proyect Manager