Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Formando

movimentar objeto com setas do teclado

Por , em Javascript

Recommended Posts

Formando    0

Formando
Postado

olá pessoal, estou precisando muito da ajuda de voces, tenho um problema, é o seguinte:

gostaria de movimentar um elemento para a direita e esquerda com as setas do teclado, mas sem precisar ficar precionando elas para que o elemento se mova, gostaria de apenas apertar uma vez e largar e o objeto se mover automaticamente, o codigo que fiz precisa ficar precionando as teclas, será que alguem pode me ajudar?É meio que urgente, o codigo que fiz esta logo abaixo.Muito Obrigado.

 

 

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

 

//-----html-----//

<html>
<head>
</head>
<body bgcolor="#000000" onkeydown="teclas()">
<img src="src_img.arquivo" width="20px" height="10px" id="simbolo" style="position:absolute;">
</body>
</html>
//-----fim html-----//

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago Retondar    18

Thiago Retondar
Postado

Tente com window.setInterval():

 

function teclas(){
	if(event.keyCode==37){
		x=document.getElementById("simbolo");
		var i = setInterval(function(){
			x.style.left=(x.offsetLeft-10)+"px";
		}, 50);
		return direita();
	}
	if(event.keyCode==39){
		x=document.getElementById("simbolo");
		var i = setInterval(function(){
			x.style.left=(x.offsetLeft+10)+"px";
		}, 50);
		return esquerda();
	}
}
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Formando    0

Formando
Postado

olá, gostaria de que quando o elemento estivese indo para direita e eu apertase a seta para a esquerda o elemento se movese automaticamente, no codigo que voce me enviou quando o elemento esta indo para direita e eu aperto a seta para esquerda, o elemento para, ai tenho que apertar de novo a seta para a esquerda para que ele se mova para a esquerda esta dando esse erro tanto para direita quanto para esquerda, ah, outro erro tambem esta acontecendo, é que o elemento fica piscando, parecendo que esta sumindo, sera que voce pode me ajudar a resolver isso?Obrigado.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito