Solved

Replace keyCode 13 with 9

Posted on 2014-02-05
5
2,254 Views
Last Modified: 2014-02-05
This worked in IE9 but no longer works in IE11:
function remapEnter()
{
   if(window.event.keyCode == 13) //trap enter
   {
      if(document.activeElement.type!='textarea')  //if not textarea type
      {
         // convert to Tab key
         window.event.keyCode = 9;
         return window.event.keyCode; 
      }
   }
}

Open in new window

I want to allow users to press 'Enter' to go to the next data entry field.  Does anyone know how to get this working?
0
Comment
Question by:djpriceAtl
  • 3
  • 2
5 Comments
 
LVL 58

Expert Comment

by:Gary
ID: 39836405
0
 

Author Comment

by:djpriceAtl
ID: 39836437
Thanks but that is a jquery solution, I was looking more for javascript.  However, I see what you are saying that I need to change focus and not the keycode.
0
 
LVL 58

Expert Comment

by:Gary
ID: 39836483
jQuery is javascript.  I'll try and put something together shortly.
0
 
LVL 58

Accepted Solution

by:
Gary earned 500 total points
ID: 39836517
How does this work for you
http://jsfiddle.net/evcB2/2/
Doesn't account for disabled/hidden fields

var i=0;
var els=myform.getElementsByTagName('input').length
document.onkeydown = function(e) {
    e = e || window.event;
    if (e.keyCode == 13) {
        i++;
        i>els-1?i=0:i=i;
        document.myform[i].focus();
    }
};

Open in new window

0
 

Author Closing Comment

by:djpriceAtl
ID: 39836871
Excellent - thank you!
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Introduction HTML checkboxes provide the perfect way for a web developer to receive client input when the client's options might be none, one or many.  But the PHP code for processing the checkboxes can be confusing at first.  What if a checkbox is…
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

840 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question