Teclado virtual personalizado para campos de texto

Vista prévia

Descripción

Sin embargo, otro teclado virtual plugin para campos de texto (Input y TextArea), construido en JavaScript puro.

Install & Import:

# Yarn
$ yarn add virtual-keyboard-plugin

# NPM
$ npm install virtual-keyboard-plugin --save

import VirtualKeyboard from 'virtual-keyboard-plugin';

const virtualkeyboardintance = new VirtualKeyboard().launchVirtualKeyboard();

Funcionamiento

Importe el JavaScript y la hoja de estilos del teclado virtual en el documento.

<link rel="stylesheet" href="virtual-keyboard.css">
<script src="virtual-keyboard.min.js"></script>

Agregue el atributo ' virtual-keyboard ' a los campos de texto de destino de la siguiente manera:

<input id="demo" type="text" virtual-keyboard>

<textarea id="demo" virtual-keyboard></textarea>

Cree un elemento desencadenante para alternar el teclado virtual cuando sea necesario.

<div class="virtual-keyboard-hook"



data-target-id="demo">


 Click Me
</div>

Establece la asignación de teclado lo que quieras.

<div class="virtual-keyboard-hook"



data-target-id="demo"


 data-keyboard-mapping="qwerty">


 Click Me
</div>

<div class="virtual-keyboard-hook"



data-target-id="demo"


 data-keyboard-mapping="azerty">


 Click Me
</div>

Registro de cambios

v1.2.1 (10/19/2018)

• Bug Corrección de la eliminación de varios caracteres seleccionados + mejorar el tamaño de la biblioteca