[Resolvido] mover com setas

[pixelrafael 7]

Esses dias achei um tópico falando sobre movimentar divs com setas do teclado, com o seguinte código:

//-----script-----//
function teclas(){
if(event.keyCode==37){
x=document.getElementById("simbolo");
x.style.left=(x.offsetLeft-10)+"px";
return direita();
}
if(event.keyCode==39){
x=document.getElementById("simbolo");
x.style.left=(x.offsetLeft+10)+"px";    
return esquerda();
}
}
//-----fim script-----//

Mais, pelo oque vi em só se movimenta para direita e esquerda, e não consegui para cima e para baixo, me ajudem pf?

[William Bruno 1501]

só seguir a logica que aplicaram ai.

 

descubra o keyCode da seta para cima e da para baixo, e então altere o offsetTop do elemneot, ou então alguma propriedade semelhante.

[pixelrafael 7]

/então adiciono:

if(event.keyCode==38){
x=document.getElementById("simbolo");
x.style.left=(x.offsetTop+10)+"px";    
return esquerda();
}
}

?????????

 

consegui para baixo:

if(event.keyCode==40){
y=document.getElementById("simbolo");
y.style.top=(y.offsetTop+10)+"px";    
return baixo();
}

Mais para cima uso OFFsetBottom?

 

Ja consegui!

function teclas(){
if(event.keyCode==37){
x=document.getElementById("simbolo");
x.style.left=(x.offsetLeft-10)+"px";
return direita();
}
if(event.keyCode==39){
x=document.getElementById("simbolo");
x.style.left=(x.offsetLeft+10)+"px";    
return esquerda();
}
if(event.keyCode==40){
y=document.getElementById("simbolo");
y.style.top=(y.offsetTop+10)+"px";    
return baixo();
}
if(event.keyCode==38){
y=document.getElementById("simbolo");
y.style.top=(y.offsetTop-10)+"px";    
return baixo();
}
}