kennethsundqvist/key-jump-browser-extension

Easier keyboard navigation. No mouse needed to click on links and stuff.

Key Jump browser extension

No mouse needed to click on links and stuff.

Get the extension

• Chrome
• Firefox
• Microsoft Edge

How to use

Press , (comma) on your keyboard to show hints for all links, buttons, text fields and other things you can click or focus.

Press . (period) instead to open links in new tabs when they are clicked.

Press Enter to trigger the hint for the number you've typed. For example when there are 10 links on the page you should press 1 > Enter to trigger the first hint.

The hint will be automatically triggered when the number you've typed can't match any other hints. You can disable this in the extension options so you'll aways have to use Enter to trigger them.

Press Escape to hide the hints.

Some of these shortcuts can be changed in the extension options.

Permissions required

• Access your data for all websites: Allows you to use the extension on all websites.

Privacy

No data is collected by this extension. You can view the source code here.

key-jump-browser-extension's Issues

Triggering the quick filter field in in Jira>Agile>Plan does not work as expected

It just focuses the field and then it loses focus right away.

All hints are positioned with some offset to the right on xkcd.com

http://xkcd.com

Escape should clear the active query before it disables Key Jump

Hints are not contained within the viewport when it has scrollbars

Add AngularJS click bindings to the target elements selectors

Selector: [ng-click], [data-ng-click]

Add option to make Escape remove the focus from elements you can type in

Fix hint labeling beyond 2 characters in length

Hide hints that do not match the query

Do not add a character to the hint query if it would result in no match

This will probably reduce the times a typo requires you to erase or start over.

Links that wrap to a new line in the static flow does not have the hint positioned at the beginning of the link

Hints can't be filtered using the number keys on the keyboard numpad

Change default shortcut to , (comma)

Links inside tweets are not found on twitter.com

Add an option to set if the hints should be hidden or not after a hint has been triggered

Find and trigger the hint targets inside iframes

Triggering a select element should open the options, not just focus the element

Trigger a hint match if there are no hints that can be matched by adding another character to the query

Remove the backspace query feature

Use a Virtual DOM to speed up rendering?

Since the rendering work is so small and predictable this should only be done if it's easy to implement it without a 3rd party.

Refresh the hints when the browser window changes size

Hints are transitioned from 0x0 to their final position when activating the overlay

Happens on Windows, not on Mac.

Refresh the hints when the user has scrolled

Cache the result of isElementVisible() to speed up rendering

Since we check all the parent elements of each target element we will check many elements multiple times, and since the rendering is blocking they can't change their state so we can cache the results to only need to do them once.

The cache should be cleared after the rendering is complete.

Prevent other events when Key Jump is active

For example in the Facebook newsfeed "J" moves to the next item in the feed.

canTypeInElement breaks if element is undefined

This line breaks if "el" is undefined:

tagName = el.tagName.toLocaleLowerCase();

Add WAI-ARIA support

This might be a lot of work so identify the most important subsets and do those first.

• 1.0: https://www.w3.org/TR/wai-aria/
• 1.1: https://www.w3.org/TR/wai-aria-1.1/

Contain the hints within the viewport

The "Pages" collapsable is not found as a target on Github wiki pages

Can't trigger a flashblock placeholder

It is not found by the trigger targets query.

Do not duplicate the default config in the content and options scripts

Add ability to change the activation shortcut

Add an options page.

The shortcut can be set to one character + shift, ctrl, alt, meta (command on OS X).

Do not include targets with parent elements that have 0 height or width

Also check which overflow values are needed on the parent to hide the descendent elements.

Hints with labels >9 wrap to multiple lines on www.simpl.info

http://www.simpl.info

Render the hints in chunks so the UI thread isn't locked the whole time when rendering takes a long time

Ability to switch to new tab instead of opening it in the background

Can't click the "Add a list..." button in Trello

In a Trello board, after all existing lists there is a button to add a new list that can't be clicked.

Refreshed hints should fade in after triggering a hint with the keepHintsAfterTrigger option enabled

Input and textarea elements with the readonly attribute should be focused when triggered

Decrease the delay of refreshing the hints after scrolling

Because the performance of showing many hints has been improved it's not needed as much.

Hints are not cleaned up when triggering

Noticeable when triggering a hint that doesn't navigate away from the current page, for example a fragment link, like the table of contents on a Wikipedia page.

https://en.wikipedia.org/wiki/Uniform_Resource_Locator

How can I bind to the pjax:complete jQuery event without jQuery?

Pjax is a SinglePageApp technology used by Github and probably some others.

https://github.com/defunkt/jquery-pjax

I want to bind setReactivationTimeout to the pjax:complete event, without using jQuery.

Change trigger hint labels to only use numbers

Hints are hidden behind positioned elements with a positive z-index as they are faded in/out

Use the Shadow DOM v1

Benefits for Key Jump:

• Isolated DOM: A component's DOM is self-contained (e.g. document.querySelector() won't return nodes in the component's shadow DOM).
• Scoped CSS: CSS defined inside shadow DOM is scoped to it. Style rules don't leak out and page styles don't bleed in.
• Simplifies CSS: Scoped DOM means you can use simple CSS selectors, more generic id/class names, and not worry about naming conflicts.

https://developers.google.com/web/fundamentals/getting-started/primers/shadowdom

OS X blocks the keyUp event when Cmd+Enter is pressed so opening links in new tabs does not work

Detect URL changes in Single Page Apps and refresh the hints if they're visible and the URL changes

Do not include targets covered by other elements so they can't be clicked on

Does not find focusable elements with tabindex attribute

Bug found with checkboxes and radio buttons on https://www.google.com/preferences

The options should have a user defined blacklist of addresses which Key Jump will not load on

Does not find `a` elements when they are wrapping block elements

The a element will have 0 width and height.

Bug found on http://samefourchords.com