https://github.com/saihon/focus-input-element
A browser extension that focuses on the next or previous HTML input element when the shortcut key is pressed.
https://github.com/saihon/focus-input-element
browser-addon browser-extension chrome chrome-extension firefox firefox-addon firefox-extension firefox-webextension
Last synced: 3 months ago
JSON representation
A browser extension that focuses on the next or previous HTML input element when the shortcut key is pressed.
- Host: GitHub
- URL: https://github.com/saihon/focus-input-element
- Owner: saihon
- License: mpl-2.0
- Created: 2019-12-31T17:28:47.000Z (over 6 years ago)
- Default Branch: main
- Last Pushed: 2024-07-16T00:22:17.000Z (almost 2 years ago)
- Last Synced: 2024-07-16T03:55:08.920Z (almost 2 years ago)
- Topics: browser-addon, browser-extension, chrome, chrome-extension, firefox, firefox-addon, firefox-extension, firefox-webextension
- Language: TypeScript
- Homepage:
- Size: 998 KB
- Stars: 7
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# focus-input-element
Overview:
Pressing the shortcut key moves the cursor to the text box on the Web page.
The default shortcut keys:
- Next input box: F2
- Previous input box: Shift+F2
- Unfocus: F4
- First input box: Default unspecified
- Last input box: Default unspecified
Features:
- Press the key repeatedly to move to the next or previous input box.
- Focus is available on the nearest input box in the active area of the scrolled page.
- Markers allow you to locate the input box.
- These settings can be changed on the Options page.
# Install
Installation via ADD-ONS Mozilla
https://addons.mozilla.org/en-US/firefox/addon/focus-input-element/
Installation via Chrome Web Store
https://chrome.google.com/webstore/detail/focus-input-element/pehdagiekdjhnojgbbcnckoojejiojgn
# Development
### Build
- Download dependencies
```
npm install
```
- Build for FireFox
```
npm run build-firefox
```
- Build for Chrome
```
npm run build-chrome
```
### Debug
- Download dependencies
```
npm install
```
- Run webpack
```
npx webpack --watch
```
- Debugging
```
npx web-ext run -s ./dist
```