kbd-click

Trigger click events on child kbd elements

• Version: 2.0.2
• License: LGPL-3.0-or-later

Using this package

Browser

• via the ESM CDN: https://esm.sh/jsr/@web-components/kbd-click

<script src="https://esm.sh/jsr/@web-components/kbd-click" type="module"></script>

Deno

deno add jsr:@web-components/kbd-click

NPM

• JSR provides NPM compatibility. You can install this package with:

npx jsr add @web-components/kbd-click

Documentation

• Open examples for kbd-click on Storybook.

The kbd-click component listens on the document for key presses then fires clicks on any visible inner element that has a matching accesskey attribute or kbd where the innerText matches. This is useful for implementing keyboard shortcuts.

Attributes

• allow-repeat - Whether or not repeat key presses should continue to trigger clicks. Default: false.
• filter - A comma-separated list of keys that will be listened for. Other key presses will be ignored. Default: no filter.
• capture - A boolean value indicating that key press events of this type will be dispatched to the registered listener before being dispatched to any EventTarget beneath it in the DOM tree. If not specified, defaults to false.
• passive - A boolean value that, if true, indicates that the function triggered by inner kbd clicks will never callpreventDefault(). Defaults to false`.

Made by jackcarey.