jQuery Bootstrap Touch Keyboard
JavaScript HTML CSS
Switch branches/tags
Clone or download
mafu-d Merge pull request #5 from bevinhex/master
added click event handling & fixed issue #4, also added inline functionality
Latest commit 37c4735 May 15, 2017


jQuery Bootstrap Touch Keyboard (jQBTK)

This jQuery plugin using Bootstrap v3 to generate a popover keyboard for use on touchscreen devices. It was originally designed for use on large touchscreen computers used in a kiosk scenario, but would probably work elsewhere too.

Uses the Bootstrap popover component and dynamically adds buttons to form a keyboard, inserting the characters into the HTML input when pressed.

Requires jQuery and Bootstrap v3.


  1. Add Bootstrap CSS
  2. Add jqbtk.min.css
  3. Add jQuery
  4. Add Bootstrap JS
  5. Add jqbtk.min.js

How to use

Refer to the documentation.html file for examples on usage. Or go to www.matthewdawkins.co.uk/jqbtk for documentation and working examples.

Note: since the keyboard listens for touch events, using this in a browser and clicking your mouse probably won't work. However, Chrome's Developer Tools has a 'device mode' that emulates touch events.

Follow me on Twitter