title-shortcut-handler

Assign keyboard shortcuts to elements.

Usage no npm install needed!

<script type="module">
  import titleShortcutHandler from 'https://cdn.skypack.dev/title-shortcut-handler';
</script>

README

Assign keyboard shortcuts to elements.

Clickable things get clicked.

Focusable things get focused.

<!--Add in brackets to the end of the title:-->
<a href="/info" title="Get information [I]">Info</button><br />

<!--Or in its own attribute to keep it hidden:-->
<input type="text" placeholder="Hit 'ESC' to focus." data-shortcut="ESC" /><br />

<!--Use "META-", "CTRL-", "ALT-", and "SHIFT-" modifiers:-->
<button type="button" title="Select this item [ALT-SHIFT-X]">Select</button>

// To start listening:
var shortcutHandler = new TitleShortcutHandler();

// And to stop:
shortcutHandler.destroy();