Skip to content

Tries to emulate a tab key press in browser of a real user.

License

Notifications You must be signed in to change notification settings

aaronnuu/emulate-tab

 
 

Repository files navigation

npm (tag) test workflow

emulate tab

Tries to emulate a tab key press of a real user.

Ever triggered the tab-key-event by javascript? Tab is usually handled by browser and will not get handle if you trigger the event by javascript. This is for security resons to prevent a script to tab e.g. into the browser's menu or into another frame or dev-tools ...
This script has an heuristic to find the next element to stop. It will trigger the keypress-Event and blur event on the active element and the focus-Event on the next element.

Interactive demo: https://emulate-tab.net-root.de

Installation

npm i emulate-tab
or download unpackaged javascript files from our releases

Usage

typescript

import { emulateTab } from 'emulate-tab';

emulateTab();
emulateTab.backwards();

-> complete angular material example project

javascript

<script src="emulate-tab.min.js">
<script>
  emulateTab();
  emulateTab.backwards();
</script>

-> complete plain html example project

Dependencies

none.

Browser compatibility:

Automated tests for current Chrome and Firefox by github actions: test workflow

License:

MIT License

About

Tries to emulate a tab key press in browser of a real user.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 56.8%
  • JavaScript 25.2%
  • HTML 14.9%
  • Sass 2.2%
  • CSS 0.9%