Enter key press behaves like a Tab in Javascript

by

I used the logic suggested by Andrew which is very effective. And this is my version:

$('body').on('keydown', 'input, select', function(e) {
    if (e.key === "Enter") {
        var self = $(this), form = self.parents('form:eq(0)'), focusable, next;
        focusable = form.find('input,a,select,button,textarea').filter(':visible');
        next = focusable.eq(focusable.index(this)+1);
        if (next.length) {
            next.focus();
        } else {
            form.submit();
        }
        return false;
    }
});

KeyboardEvent’s keycode (i.e: e.keycode) depreciation notice :- https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode

More Related Contents:

  1. Use JavaScript to intercept all document link clicks
  2. 5 stars and the golden 5 stars are not together (When browsing with Internet explorer)
  3. Browser detection versus feature detection
  4. OnChange event handler for radio button (INPUT type=”radio”) doesn’t work as one value
  5. Show datalist labels but submit the actual value
  6. Jquery load() only working in firefox?
  7. Is there a way to make text unselectable on an HTML page? [duplicate]
  8. How to add/update an attribute to an HTML element using JavaScript?
  9. HTML input file selection event not firing upon selecting the same file
  10. How to display a confirmation dialog when clicking an link?
  11. How to make Internet Explorer emulate pointer-events:none?
  12. Close Current Tab
  13. How to know whether refresh button or browser back button is clicked in Firefox [duplicate]
  14. Detect if HTML5 Video element is playing [duplicate]
  15. Perform action when clicking HTML5 datalist option
  16. How do I change the ID of a HTML element with JavaScript?
  17. How to Clear/Remove JavaScript Event Handler?
  18. Handling “onclick” event with pure JavaScript
  19. event.toElement in IE8 and Firefox?
  20. window.focus() not working in Google Chrome
  21. How to detect supported video formats for the HTML5 video tag?
  22. Detecting an image 404 in Javascript
  23. Popstate on page’s load in Chrome
  24. visibilitychange event is not triggered when switching program/window with ALT+TAB or clicking in taskbar
  25. Retrieving HTML attribute values “the DOM 0 way”
  26. Reload an HTML page just once using JavaScript
  27. How to execute code in a javascript append
  28. Are dynamically inserted tags meant to work?
  29. Display Spreadsheet Data to HTML Table
  30. Display Spreadsheet Data to HTML Table

Leave a Comment