Leer teclado con Firefox

pekpon · #1 (**permalink**) 12/02/2011, 18:20

Muy buenas!
Tengo este script:

Código HTML:

<input type="text" value="" onkeypress="a()" />

Código:

function a()
{
	if (window.event.keyCode == 13) 
	{
		//CODIGO
	}
}

El problema es que en Chrome me funciona estupendamente, cada vez que pulso "intro" me ejecuta la funcion pero en Firefox no hay manera de que funcione.

Y luego la segunda cuestión:
Hay manera de leer una tecla tanto en firefox como chorme sin necesidad de un evento onkeyprees de un input?
Es decir, cuando pulse una tecla, este donde este de la web, que se ejecute una funcion...

Me gustaría que fuese posible ya que sin este codigo, mi web no funcionará al 100%

Muchas gracias!

_cronos2 · #2 (**permalink**) 12/02/2011, 18:32

Prueba así:

Código Javascript:

Ver originalvar tecla = event.keyCode ? event.keyCode ? event.which;

Y para agregar el evento a la página entera, podrías usar algo así:

Código Javascript:

Ver originaldocument.onkeydown=function(){ 
//...
}

Saludos (:

zerokilled · #3 (**permalink**) 12/02/2011, 18:44

buenas...

sobre la primera cuestion, sucede que estas leyendo del objeto event desde el lugar incorrecto. o sea, en el modelo estandar, dicho objeto se recibe como un argumento en el handler (handler, la funcion registrada al evento). el modelo que estas usando es propio de iexplorer. el hecho que te funcione en chrome supongo que es simplemente como medida de compatibilidad, por supuesto, de parte de google. por eso en firefox no te funciona. ¿que debes hacer? al invocar la funcion a le pasas como parametro el objeto event. no estoy seguro si es estandar pero segun la documentacion que he leido, el argumento recibido en la funcion del handler automaticamente recibe el nombre event. iexplorer, aunque no sigue este modelo, recibira como argumento el objeto event definido en el ambito global (window) por lo que no debe dar problema al utilizar el nombre event cuando invoques la funcion a. luego, en tu funcion a, debes definir un parametro para poder hacer uso del objeto event y desde ese paremtro lees las propiedades de interes.

sobre el segundo asunto, el evento lo puedes registrar practicamente sobre cualquier elemento. mientras mas alto en la jerarquia, mas efecto tendra en el documento completo. o sea, si lo registras en <body>, el evento se producira en cualquier parte que se encuentre el usuario.

edit: me gano cronos! ademas de que tarde mucho en escribir.

_cronos2 · #4 (**permalink**) 12/02/2011, 18:53

Cita:

Iniciado por zerokilled

edit: me gano cronos! ademas de que tarde mucho en escribir.

Pero siempre son mejores tus repuestas, lo bueno se hace esperar

Saludos!
PD: ¿Y esa firma? XD

_Adrian_ · #5 (**permalink**) 13/02/2011, 12:55

Cita:

Iniciado por _cronos2

PD: ¿Y esa firma? XD

Creo que significa:
soy bondadoso! quieres karma?
(hexadecimal)

zerokilled · #6 (**permalink**) 13/02/2011, 13:08

me daÑaron el juego, ahora no puedo regalar mas premios.

_cronos2 · #7 (**permalink**) 13/02/2011, 13:11

Cita:

Iniciado por zerokilled

me daÑaron el juego, ahora no puedo regalar mas premios.

Jajajaja pobre, habrá que inventarse otro XD
Saludos :D

pekpon · #8 (**permalink**) 14/02/2011, 12:46

Muy buenas chicos!
Perdon por mi ausencia :D

Veamos, llamadme corto, pero no acabo de entender la explicacion...a pesar de ser extensa y bien redactada, me pierdo...

no se bien bien que tengo que hacer

ahora mismo hago esto:

<onkeypress="a(event)">

function a(event){
var tecla = event.keyCode ? event.keyCode ? event.which;
alert(tecla);

No me ejecuta el alert! Se que estoy haciendo cosas mal, pero he probado varias combinaciones y nada de nada...
A ver si podeis darme un último empujon en forma de codigo...si puede ser eh! :D

Gracias chicos!
}

_cronos2 · #9 (**permalink**) 14/02/2011, 12:48

Cita:

Iniciado por pekpon

var tecla = event.keyCode ? event.keyCode ? event.which;

Confunces ? con :
Saludos (:

pekpon · #10 (**permalink**) 14/02/2011, 12:58

wow, que rapidez!
ahora mismo hago esto:

Código HTML:

Ver original<input type="text" name="valor" value="" id="valor" onkeypress="intro(event)"/>

Código Javascript:

Ver originalfunction intro(event)
{
    var tecla = event.keyCode ? event.keyCode : event.which;
    alert(tecla);
}

o esto:

Código HTML:

Ver original<input type="text" name="valor" value="" id="valor" onkeypress="intro()"/>

Código Javascript:

Ver originalfunction intro()
{
    var tecla = event.keyCode ? event.keyCode : event.which;
    alert(tecla);
}

pero ninguno de los dos funciona, en chrome si que funciona el segundo.
Un saludo

_cronos2 · #11 (**permalink**) 14/02/2011, 13:27

Prueba poniéndolo así:

Cita:

function intro(e) ...

Cambiando todos los events de dentro de la función por e, pero luego al llamar la función le pasas como argumento event.
Saludos (:

zerokilled · #12 (**permalink**) 14/02/2011, 13:28

sea lo que este sucediendo debe ser en otro lado porque a mi me funciona el primer ejemplo en firefox.

pekpon · #13 (**permalink**) 14/02/2011, 13:32

mmmmhhhhhh...sigue sin funcionar....chorme SI, firefox NO, con:

onkeypress="intro(event)" -> function intro(e){ tecla = e.key.....}

alguna idea de algo que me lo haga fallar?

_cronos2 · #14 (**permalink**) 14/02/2011, 13:34

¿Será que hay algo en la función que da error?

pekpon · #15 (**permalink**) 14/02/2011, 13:52

en la funcion no hay mas que lo que muestro....

function intro(e){ alert("hola");}
esto funciona. a la que meto ya keycode y demás....no funciona...

_cronos2 · #16 (**permalink**) 14/02/2011, 13:56

A mí también me funciona tanto en FF como en Chrome:

Cita:

IsaBelM · #17 (**permalink**) 14/02/2011, 14:03

mas de lo mismo tecla = (e) ? e.keyCode : e.which;. cuando la lógica falla prueba lo ilógico. cambia el evento onkeypress por onkeyup o onkeydown

pekpon · #18 (**permalink**) 16/02/2011, 12:53

Cita:

Iniciado por IsaBelM

cuando la lógica falla prueba lo ilógico. cambia el evento onkeypress por onkeyup o onkeydown

Grandeeeeee!!!! Probando el codigo de cronos y poniendo onkeydown FUNCIONA!!!

que alivio menos mal!

Ahora la pregunta es: Como llamo a este evento pulsando sobre cualquier parte de la pagina, y no estando sobre un input con el parametro onkeydown?

Gracias a todos!!!

pekpon · #19 (**permalink**) 16/02/2011, 13:20

Lo acabo de encontrar!
Me autorespondo para si a alguien le sirve de ayuda:

$(window).keydown(function(event){
intro(event);
});

Gracias a todos!!!!!!!