Creating A Shortcut Keys Modal Window For Your App Using QuestionMark.js

QuestionMark.js is a lightweight and standalone javascript library for creating a responsive popup modal window when clicking the ‘?’ key that displays all the Keyboard Shortcuts for your web app.

Demo

Download

Creating A Shortcut Keys Modal Window For Your App Using QuestionMarkjs

 

Basic usage:

Include required QuestionMark.js stylesheet on your web app.

<link rel="stylesheet" href="css/question.mark.css">

Include the  QuestionMark.js script at the appropriate point in your page.

<script src="js/question.mark.js?v=1.0.3"></script>

Edit the question.mark.html to modify the keyboard shortcut to fit your needs.

That’s it.

Leave a Reply