How to simulate TAB on ENTER keypress in javascript or jQuery

by

I’ve had a similar problem, where I wanted to press + on the numpad to tab to the next field. Now I’ve released a library that I think will help you.

PlusAsTab: A jQuery plugin to use the numpad plus key as a tab key equivalent.

Since you want enter/↵ instead, you can set the options. Find out which key you want to use with the jQuery event.which demo.

JoelPurra.PlusAsTab.setOptions({
  // Use enter instead of plus
  // Number 13 found through demo at
  // https://api.jquery.com/event.which/
  key: 13
});

Then enable the feature by adding plus-as-tab="true" to the form fields you want to use enter-as-tab in, or some other element that contains these form fields. Radio buttons should not be a problem, as they are covered by my other library, EmulateTab – see autonavigation of radio buttons in that demo.

<div plus-as-tab="true">
  <!-- all focusable elements inside the <div> will be enabled -->
  <asp:RadioButtonList ID="RadioButtonList1" runat="server">
    <!-- Radio buttons should not be a problem. -->
  </asp:RadioButtonList>
</div>

You can try it out yourself in the PlusAsTab enter as tab demo.

More Related Contents:

  1. Get one element title and add this to another div in jquery
  2. Get all Attributes from a HTML element with Javascript/jQuery
  3. JavaScript before leaving the page
  4. How to calculate the XPath position of an element using Javascript?
  5. How to disable scroll without hiding it?
  6. Uncaught Error: SECURITY_ERR: DOM Exception 18 when I try to set a cookie
  7. Serialize object to query string in JavaScript/jQuery [duplicate]
  8. Selecting multiple classes with jQuery
  9. Passing data to a jQuery UI Dialog
  10. jQuery add required to input fields
  11. What is the most efficient way to sort an Html Select’s Options by value, while preserving the currently selected item?
  12. jquery select option click handler
  13. jQuery jump or scroll to certain position, div or target on the page from button onclick [duplicate]
  14. How to delete parent element using jQuery
  15. How change content value of pseudo :before element by Javascript [duplicate]
  16. JavaScript: Invert color on all elements of a page
  17. Change CSS properties on click
  18. How to create rounded bars for Bar Chart.js v2?
  19. jQuery support “:invalid” selector
  20. combo box is getting vanished when an alert is coming
  21. simulate background-size:cover on or
  22. Is there a [universal] way to invoke a default action after calling event.preventDefault()?
  23. Select a row from html table and send values onclick of a button
  24. How to compare two HTML elements
  25. Simulating “focus” and “blur” in jQuery .live() method
  26. script order for jquery with bootstrap
  27. Chained Select Boxes (Country, State, City)
  28. Enable & Disable a Div and its elements in Javascript [duplicate]
  29. How do I move focus to next input with jQuery?
  30. Determining if mouse click happened in left or right half of DIV

Leave a Comment