Tema: onkeyup en un div
Ver Mensaje Individual
  #7 (permalink)  
Antiguo 23/06/2016, 08:30
alvaro_trewhela
Invitado
  
Mensajes: n/a
Puntos:
Respuesta: onkeyup en un div
lo logré:

Código HTML: 
Ver original
  1. <html>
  2.         <head>
  3.             <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  4.             <title>GAME</title>
  5.      
  6.             <style type="text/css">
  7.             *{
  8.             margin:0px;
  9.             padding:0px;
  10.             }
  11.             </style>
  12.             
  13.             <script type="text/javascript">
  14.             
  15.             
  16.             function move(evt) {
  17.             evt = evt || window.event;  
  18.             var charCode = evt.keyCode || evt.which;
  19.             charCode = parseInt(charCode);  
  20.      
  21.             if(charCode != 37 && charCode != 38 && charCode != 39 && charCode != 40){
  22.             return 1;
  23.             }
  24.             
  25.             var player = document.getElementById("player");
  26.             
  27.             var constant = 32;
  28.             
  29.             var posx = parseInt(player.style.left.replace("px", ""));
  30.             var posy = parseInt(player.style.top.replace("px", ""));
  31.             
  32.             
  33.             if(charCode == 37){ posx = posx-constant; if(posx<=0){ posx=0; }}
  34.             else if(charCode == 38){ posy=posy-constant; if(posy <=0){ posy=0; }}
  35.             else if(charCode == 39){ posx=posx+constant; if(posx >=constant*10){posx=constant*10; }}
  36.             else if(charCode == 40){ posy=posy+constant; if(posy >=constant*10){posy=constant*10; }}
  37.             else{ return 1; }
  38.      
  39.             player.style.left = posx+"px";
  40.             player.style.top = posy+"px";
  41.             player.src = "imagen/elf_d.png";
  42.             }
  43.             </script>
  44.         
  45.         </head>
  46.         <body>
  47.         
  48.             <div  style="background-image:url('imagen/arena.bmp'); margin:100px 0px 0px 100px; width:350px; height:350px; border-width:1px; border-style:solid; border-color:#000000;">
  49.             <div onkeyup="move(event);" contenteditable="true" id="player" style="color:rgba(255,255,255,0); width:32px; height:32px; background-image:url('imagen/elf_d.png'); left:0px; top:0px; position:relative;"></div>
  50.             </div>
  51.         </body>
  52.     </html>

saludos!!
Última edición por alvaro_trewhela; 23/06/2016 a las 08:46