Mover en diagonal un div con el teclado

[cmarrero01]

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:

this.keyboard = function(){
        $(document).keydown(function(e){
            if(e.keyCode == '65'){
                self.move('left');
            }
            if(e.keyCode == '68'){
                self.move('right');
            }
            if(e.keyCode == '87'){
                self.move('top');
            }
            if(e.keyCode == '83'){
                self.move('bottom');
            }
        });
    };
 
this.move = function(dir){
 
        var x = self.div.offset().left;
        var y = self.div.offset().top;
 
        switch (dir){
            case 'left':
                x = x - self.pixMove;
                break;
            case 'right':
                x = x + self.pixMove;
                break;
            case 'top':
                y = y - self.pixMove;
                break;
            case 'bottom':
                y = y + self.pixMove;
                break;
            default:
                break;
        }
 
 
        self.div.css('left',x+'px');
        self.div.css('top',y+'px');
    };
 

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????

[marlanga]

Código Javascript:

this.keys={ left:false, top:false,  rigth:false, bottom:false };
 
this.keyboard = function(){
        $(document).keydown(function(e){
            if(e.keyCode == '65'){
                self.keys.left=true;
            }
            if(e.keyCode == '68'){
                self.keys.right=true;
            }
            if(e.keyCode == '87'){
                 self.keys.top=true;
            }
            if(e.keyCode == '83'){
                 self.keys.bottom=true;
            }
            self.move();
        });
        $(document).keyup(function(e){
            if(e.keyCode == '65'){
                self.keys.left=false;
            }
            if(e.keyCode == '68'){
                self.keys.right=false;
            }
            if(e.keyCode == '87'){
                 self.keys.top=false;
            }
            if(e.keyCode == '83'){
                 self.keys.bottom=false;
            }
        });
    };
 
this.move = function(){
 
        var x = self.div.offset().left;
        var y = self.div.offset().top;
 
        if (this.keys.left) x-=self.pixMove;
        if (this.keys.right) x+=self.pixMove;
        if (this.keys.top) y-=self.pixMove;
        if (this.keys.bottom) y-=self.pixMove; 
 
        self.div.css('left',x+'px');
        self.div.css('top',y+'px');
    };