responder a la tecla de pulsación javascript

Lo siento si esto es básico, pero no he buscado y encontrado nada que funcione.

Quiero cargar una página web. Cuando esa página se carga, muestra una imagen. Quiero que la página comience a escuchar automáticamente una pulsación de la tecla de flecha derecha. Cuando eso suceda, una función en mi script cambiará la imagen (esa parte que he llegado a trabajar mediante el uso de un botón que reactjs al hacer clic).

Es la escucha y la reacción a una pulsación de tecla que no puedo ponerme a trabajar. Tenga en cuenta que estoy usando Safari, pero me gustaría, si es posible, que también funcione en Firefox o IE.

Por favor ayuda gracias.

ACTUALIZACIÓN PARA RESPONDER AL COMENTARIO: Esto es lo que intenté, aunque simplifiqué la otra parte para hacer esto más corto, ahora solo escribe un resultado a un div:

   function reactKey(evt) { if(evt.keyCode==40) { document.getElementById('output').innerHTML='it worked'; } }    

Si está utilizando jquery, puede hacer esto:

 $(document).keydown(function(e){ if (e.keyCode == 39) { alert( "right arrow pressed" ); return false; } }); 

Lo más fácil es utilizar una de las muchas bibliotecas de teclas de acceso rápido, como https://github.com/jeresig/jquery.hotkeys o https://github.com/marquete/kibo .

EDITAR: intente algo como esto (después de haber cargado el javascript de Kibo).

En su statement del cuerpo, agregue el controlador onload : .

Luego agrega algo como esto (tomado de la página de Kibo):

  
 document.onkeydown= function(key){ reactKey(key); } function reactKey(evt) { if(evt.keyCode== 40) { alert('worked'); } } 

http://jsfiddle.net/dY9bT/1/