arrow-keys

I'm trying to set up a menu that can be navigated via the arrow keys. I have this working fin in Firefox. Trying to get it to work in IE8 and after a bit of struggle, found that it was because IE8 wouldn't register a keypress on the arrows. To test: $(document).keypress(function (eh){ alert(eh.keyCode); }; In Firefox, pressing any of the arrow keys would trigger an alert of 37, 38, 39 or 40. In IE8, nothing. Any other key on the standard QWERTY keyboard would register, but not the arrow keys. Is this an issue with my Javascript? A browser setting? A Windows setting? From the jQuery keypress

I know this has been asked before, and the only answers I've seen are "Don't require an external keyboard, as it goes against UI guidelines". However, I want to use a foot pedal like this: http://www.bilila.com/page_turner_for_ipad to change between pages in my app (in addition to swiping). This page turner emulates a keyboard and uses the up/down arrow keys. So here is my question: how do I respond to these arrow key events? It must be possible as other apps manage, but I'm drawing a blank. For those who are looking for a solution under iOS 7 - there is a new UIResponder property called

I have successfully implemented the scrollTo jQuery plugin which scrolls to the next div with the class "new" when a link is clicked. However, I would also like to be able to use the arrow keys to scroll up and down to the next/previous divs of the same class. I have looked all over the internet but have been unable to find out how to do this. I am very new to JS so very simple instructions would be appreciated! Here is the relevant code: <script type="text/javascript"> jQuery(function($){ $('<div id="next_arrow"></div>') .prependTo("body") //append the Next arrow div to the bottom of the

I can't seem to find an answer to how to accomplish this, yet it's a feature I've seen several times. Essentially I'm echoing out a list and I would like to create the ability to highlight and select these items using arrow keys/enter. Can someone help give me an idea as to how I can accomplish this? I know how to use keycodes (of course), just not how to turn that into functioning code for selecting items on a list... I was thinking maybe I'd have to have some sort of hidden radio button to mark it as selected or not... but even then I don't know how I would jump from one radio button to the

Since I'm using jQuery, any solution via that would work too. Ideally, I'd like to know both, though. I already have the arrow keys bound to another function on my page (using jQuery), but having them cause the page to scroll in addition to that, causes me problems. I may have known this at one time, but I don't remember it anymore. TheVillageIdiot Adding document level keypress handler does the trick! var ar=new Array(33,34,35,36,37,38,39,40); $(document).keydown(function(e) { var key = e.which; //console.log(key); //if(key==35 || key == 36 || key == 37 || key == 39) if($.inArray(key,ar) > -1

I'm using the slide.html5rocks.com framework and I'm trying to use to img tags inside of a tag links and I can't get the JavaScript onclick to simulate the left and right key events to change slides You're looking for something that will dispatch an event. Here's something that should work: function fireKey(el) { //Set key to corresponding code. This one is set to the left arrow key. var key = 37; if(document.createEventObject) { var eventObj = document.createEventObject(); eventObj.keyCode = key; el.fireEvent("onkeydown", eventObj); }else if(document.createEvent) { var eventObj = document