Home » Blog » 12 Awesome jQuery Virtual Keyboard Plugins

12 Awesome jQuery Virtual Keyboard Plugins

A digital keyboard is a element that permits a consumer to enter characters and not using a bodily keyboard. It’s an alternate enter mechanism for many who can’t use a bodily keyboard, or for multi-lingual customers who change incessantly between totally different character units or alphabets. Virtual keyboards are generally used as an on-display enter technique on sensible units or small units with no potential/area to connect a bodily keyboard.

On this publish, you’ll discover a compiled listing of 12 superior jQuery digital keyboard plugins, which let you connect an on-display digital keyboard. These jQuery plugins help numerous keyboard layouts, totally different languages, numerous theme choices for feel and appear and choice for having a QWERTY keyboard, numeric keyboard or combined keyboard.  In case you are not proud of the default keyboard format, then you possibly can create your personal format with ease. Take pleasure in!

1. Keyboard


Keyboard is an on-display keyboard jQuery plugin embedded inside the browser window which can pop up when a specified entry area is concentrated. The top consumer can sort after which preview the enter earlier than accepting or cancelling. It may be set to all the time stay open, and may also be programmed to not present a preview. The plugin may be programmed to show a QWERTY keyboard, numeric keyboard, alphabetic keyboard, hex worth keyboard or iPad fashion keyboard. For delicate info, there’s additionally an choice to masks the enter. This plugin depends on the jQuery UI library.

2. Talking Keyboard

Talking Keyboard

Speaking keyboard is a jQuery based mostly plugin that permits an interactive and talking English QWERTY keyboard. It’s based mostly upon SkeletonCSS, jQuery, and ResponsiveVoice. ResponsiveVoice is a HTML5-based mostly Textual content-To-Speech library designed so as to add voice options to web sites and apps throughout all smartphone, pill and desktop units. It helps fifty one languages in 168 voices, with no dependencies. The great thing about this plugin is that it speaks when the consumer varieties any character.

three. jKeyboard


jKeyboard is a jQuery plugin for creating an on display visible keyboard that helps customized layouts for a number of languages. It helps English, Azeri Turkish (a Turkic language) and Russian language. It may be programmed for a QWERTY keyboard or a numeric keyboard.

four. Keypad


Keypad is a jQuery plugin that attaches a popup keyboard to a textual content subject for mouse-pushed entries or provides an inline keypad in a division or span. The keypad performance can simply be added to a textual content subject with applicable default settings. Use it with a password area for safer textual content entry. You may also take away the keypad widget whether it is not required. This plugin helps many languages which helps to implement localization. This plugin additionally permits customers to randomize the important thing’s place for safety functions.

5. Keyboard Pagination

Keyboard Pagination

Keyboard pagination is a light-weight jQuery plugin which lets you connect keyboard shortcuts for pagination. As soon as hooked up, utilizing the keyboards left and proper arrows, you’ll be able to change between the earlier and the subsequent web page. This actually helps to make the web site extra interactive.  It attaches a customized callback perform code, detecting which one of many two keyboard arrow keys have been chosen: left or proper. It then selects a corresponding pagination hyperlink and easily simulates (triggers) a click on occasion for it. It helps numbered (1,2, three…) hyperlinks, earlier or subsequent web page hyperlinks and first and final web page hyperlinks.

6. MLKeyboard


ML Keyboard is a multi-language jQuery digital keyboard with options for altering enter layouts on the flight. It opens up the digital keyboard on the backside of the web page, when there’s a give attention to the hooked up enter area. It presently helps English, Spanish, Italian, Portuguese and Russian languages. It additionally comes with numerous configurable choices to regulate the keyboard show, like displaying the keyboard completely, or controlling the opening and shutting velocity.

7. jQKeyboard


jQKeyboard is a jQuery plugin that lets you add a responsive digital keyboard to the enter textual content area. It creates an alphanumeric keyboard and lets you customise the default format of the keyboard to your liking.

eight. jQuery Keyboard

jQuery Keyboard

jQuery Keyboard is a jQuery plugin for drawing a digital keyboard. It’s depending on jQuery and Bootstrap. It comes with three themes and 5 languages. It has a number of themes to customise the keyboard.  You possibly can select the language of the keyboard to attract, whether it is outlined that the keyboard sort can be: ‘Full Keyboard’ or ‘KeyPad’. It has a number of choices of personalization and customization to select from.

9. jQVirtual Keyboard


jQVirtual Keyboard is a jQuery and jQuery UI based mostly digital keyboard plugin that creates a draggable keyboard on the display. Presently it helps English and Bulgarian, nevertheless it additionally offers an choice to create your personal format for the keyboard by way of a customized format. You may also select a darkish or mild general theme relying in your web page design.

10. SoftKey


SoftKey is a jQuery based mostly digital keyboard plugin that creates an on-display keyboard. This plugin lets you outline the format of the keyboard and customise to your liking. You’ll be able to outline the format as per your selection and set the order for quantity and alphabet keys.

eleven. jQBTK


jQBTK (jQuery Bootstrap Contact Keyboard) is a jQuery plugin for creating customizable on-display digital keyboards & numpads on cellular contact units. It solely works with contact units. The plugin listens for contact occasions and makes use of the Bootstrap popover element, dynamically including buttons to type a keyboard and inserting the characters into the HTML enter when pressed.

12. NumPad


NumPad is a versatile contact-optimized jQuery plugin for making a numeric keypad for net purposes based mostly on jQuery, however it’s primarily meant for use in cellular net purposes to shortly enter numbers. The numeric keypad can be utilized to fill inputs, password fields, common div-parts or complete desk columns. It really works completely with most frameworks, together with jQuery cellular and Bootstrap.


To conclude, these jQuery digital keyboard plugins permit you to add an on-display digital keyboard to any enter area. These plugins help totally different keyboard layouts, supply many languages and include quite a lot of totally different theme choices. Based mostly in your wants, you possibly can both open a QWERTY keyboard or a numpad keyboard. A few of the plugins additionally permit the consumer to vary the format/place of the keys as per their want.