Ver Mensaje Individual
  #1 (permalink)  
Antiguo 19/03/2014, 15:44
Avatar de blancoarnau
blancoarnau
 
Fecha de Ingreso: junio-2013
Mensajes: 119
Antigüedad: 11 años, 6 meses
Puntos: 0
Mover un div con .onkeypress

Hola a todos. El otro día estuve pensando un script y ahora lo he probado pero he visto que no funciona y no entiendo el error. Mi intención es que al pulsar las teclas izquierda y derecha el div se me mueva en esas direcciones. Solo lo he programado pensando en Google Chrome porque no era más que una prueba...

El HTML:

Código HTML:
Ver original
  1. <div id="objeto" style="height:100px; width:100px; background-color:black; position:absolute; top:10%; left:5%;"></div>
  2. </body>

El script:

Código Javascript:
Ver original
  1. document.onkeypress = function(a){
  2. /*IZQUIERDA*/
  3. if(a.keycode == 37){
  4.     var x = document.getElementById("objeto").style.left;
  5.     document.getElementById("objeto").style.left=(x.replace("%","")-1)+"%";
  6.     return x;
  7. }
  8. /*DERECHA*/
  9. if(a.keycode == 39){
  10.     var x = document.getElementById("objeto").style.left;
  11.     document.getElementById("objeto").style.left=(x.replace("%","")+1)+"%";
  12.     return x;
  13. }
  14. }