Why doesn’t simulating a tab keypress move focus to the next input field?

by

Because the tab event is a native browser event/action for changing focus. The .trigger() function only triggers the event handlers that are assigned to it. Note there is more information given from jQuery’s site:

The .trigger() function cannot be used to mimic native browser events, such as clicking on a file input box or an anchor tag. This is because, there is no event handler attached using jQuery’s event system that corresponds to these events.

There is a plug-in for this though called jquery-simulate to handle this. That being said the tab key changing focus is actually a default action in the web browser. Firing a browsers native event does not mean it will do it’s default action, as the documentation for KeyboardEvents mentions:

Note that manually firing an event does not generate the default action associated with that event. For example, manually firing a key event does not cause that letter to appear in a focused text input. In the case of UI events, this is important for security reasons, as it prevents scripts from simulating user actions that interact with the browser itself.

More Related Contents:

  1. How to receive special character?
  2. jQuery AJAX file upload PHP
  3. What does [object Object] mean?
  4. How to decode HTML entities using jQuery?
  5. Firing event on DOM attribute change
  6. How to expose IFrame’s DOM using jQuery?
  7. Determine Pixel Length of String in Javascript/jQuery?
  8. How do I remove all null and empty string values from an object? [duplicate]
  9. Add st, nd, rd and th (ordinal) suffix to a number
  10. How do I convert special UTF-8 chars to their iso-8859-1 equivalent using javascript?
  11. The definitive best way to preload images using JavaScript/jQuery?
  12. Using jQuery to compare two arrays of Javascript objects
  13. jquery smooth scroll to an anchor?
  14. Copy a variable’s value into another
  15. Creating a jQuery object from a big HTML-string
  16. jQGrid Column Chooser Modal Overlay
  17. Clicking a disabled input or button
  18. Google Chrome Extensions: How to include jQuery in programmatically injected content script?
  19. Get the clicked object that triggered jquery blur() event [duplicate]
  20. Find all the days in a month with Date object?
  21. jquery abort() ajax request before sending another
  22. How to test a function which has a setTimeout with jasmine?
  23. Javascript function to Rotate a base 64 image by X degrees and return new base64
  24. Jquery Ajax – post huge string value
  25. Best way to validate date string format via jQuery
  26. jQuery getJSON save result into variable [duplicate]
  27. Retain scrollbar position even after reloading using javascript
  28. Ajax upload not working codeigniter
  29. How to write a simple jQuery plugin [closed]
  30. ‘append’ called on an object that does not implement interface FormData

Leave a Comment