Teclas con javascript

kafok · #1 (**permalink**) 10/07/2011, 05:52

Hola, quisiera saber como hago una web que cuando se presione una tecla cambie el valor de una variable, y esta es utilizada para posicionar un div en mi documento.

Estoy empezando en js, pero se que en programacion de una aplicacion normal seria: un bucle que compruebe continuamente si se pulsa una tecla, si es asi cambiar un valor y en cada pasada del bucle dibujar el elemento en las posiciones que indiquen las variables que se controlan por medio del teclado.

Estoy empezando en js y diseño web y no se como se haria en esta plataforma, ni tampoco se utilizar el control de eventos por teclado en js.

¿Me podrian ayudar?

maycolalvarez · #2 (**permalink**) 10/07/2011, 08:57

consulta un manual de Javascript con respecto a los eventos del teclado, bastaría con capturar onkeydown, onkeypress u onkeyup del body:

Código HTML:

Ver original<body onkeydown="keydownhandler(event)" >...

y una función genérica crossbrowser:

Código Javascript:

Ver originalfunction keydownhandler(e){
    if(e==null){
        e=event;
    }
    if(e==null){
        e=window.event;
    }
    var tecla = (document.all) ? e.keyCode : e.which;
}

kafok · #3 (**permalink**) 10/07/2011, 09:13

Código Javascript:

Ver originalfunction keydownhandler(e){
    if(e==null){
        e=event;
    }
    if(e==null){
        e=window.event;
    }
    var tecla = (document.all) ? e.keyCode : e.which;
}

[/QUOTE]

No entiendo este codigo, estoy empezando y todavía hay cosas que se me escapan, se que declaras una funcion pero no entiendo que hace cada parte del codigo, sobre todo la ultima linea, se que el operador ? es como un if abreviado, lo he visto en otros lenguajes, pero no conozco su sintaxis aqui.

maycolalvarez · #4 (**permalink**) 10/07/2011, 09:17

se le llama operador ternario y es casi igual en todos los lenguajes.

por eso es imprescindible que consultes un manual de Javascript, además si buscas aquello que no conoces como "crossbrowser" (compatibilidad multi-navegador) comprenderás a que me refiero, un poco de esfuerzo!!! javascript no es un lenguaje complicado.

http://librosweb.es/javascript/index.html

kafok · #5 (**permalink**) 10/07/2011, 09:22

Gracias por la informacion, y te la razon con que javascript es sencillo de aprender empece hace 4 dias y se hacer ya cositas, mas me costo c++ jejjejejej

maycolalvarez · #6 (**permalink**) 10/07/2011, 09:28

Cita:

Iniciado por kafok

Gracias por la informacion, y te la razon con que javascript es sencillo de aprender empece hace 4 dias y se hacer ya cositas, mas me costo c++ jejjejejej

bueno, recuerda que C++ es un lenguaje en que prácticamente se hace de todo, pero no te fíes, proyectos como node.js pretenden usar las potencialidades de javascript como lenguaje más allá del sandbox de un navegador

ya no te aturdiré con más términos, suerte.

kafok · #7 (**permalink**) 10/07/2011, 09:31

Ok, gracias por tu ayduda