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
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.