emulate-tab
TypeScript icon, indicating that this package has built-in type declarations

1.2.1 • Public • Published

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

/emulate-tab/

    Package Sidebar

    Install

    npm i emulate-tab

    Weekly Downloads

    1,935

    Version

    1.2.1

    License

    MIT

    Unpacked Size

    64.2 kB

    Total Files

    10

    Last publish

    Collaborators

    • em.hein