I have created a portfolio site and whilst browsing the images, I want users to be able to navigate using the arrow keys. I have the following code which works fine in FF but not Chrome, Safari or IE.

 $(document).keypress(function (evt) {   if (evt.keyCode == 39) {   evt.preventDefault();   $.scrollTo('+=564px', 800, { axis:'x' });   } else if (evt.keyCode == 37) {   evt.preventDefault();   $.scrollTo('-=564px', 800, { axis:'x' });   } }); 

I have the scrollTo plugin installed and working as well as a valid jQuery file so it's not an issue with these. Can anyine tell me why this might not function in other browsers?

Live example here

Help always appreciated!

I have created a portfolio site and whilst browsing the images, I want users to be able to navigate using the arrow keys. I have the following code which works fine in Firefox but not Chrome, Safari or IE.

$(document).keypress(function (evt) { if (evt.keyCode == 39) { evt.preventDefault(); $.scrollTo('+=564px', 800, { axis:'x' }); } else if (evt.keyCode == 37) { evt.preventDefault(); $.scrollTo('-=564px', 800, { axis:'x' }); } }); 

I have the scrollTo plugin installed and working as well as a valid jQuery file so it's not an issue with these. Can anyine tell me why this might not function in other browsers?

Live example here.

Help always appreciated!