Teclado virtual adaptable compatible con dispositivos móviles en JavaScript: teclado simple
| Autor: | hodgef |
|---|---|
| Views Total: | 821 |
| Sitio oficial: | Ir a la web |
| Actualizado: | July 26, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Un teclado virtual en pantalla simple pero personalizable y totalmente adaptable para móviles, tablets y ordenadores de sobremesa.
Funcionamiento
Instalar & descargar con NPM.
# NPM $ npm install simple-keyboard --save
Importe el paquete como un módulo.
import Keyboard from 'simple-keyboard';
Importe la hoja de estilos necesaria.
import './css/index.css';
Cree el contenedor de teclado & campo de entrada coincidente.
<input class="input"> <div class="simple-keyboard"></div>
Conecte el teclado virtual al campo de entrada.
let myKeyboard = new Keyboard();
Ejecute una devolución de llamada cuando cambie el campo de entrada.
let myKeyboard = new Keyboard({
onChange: function(input) {
document.querySelector(".input").value = input;
console.log("Input changed", input);
}
}); Ejecute una devolución de llamada cuando se presione una tecla.
let myKeyboard = new Keyboard({
onKeyPress: function(button) {
console.log("Button pressed", button);
}
}); Desactiva el doble toque para hacer zoom en iOS 10 +, ya que interfiere con el teclado simple.
body,
html {
touch-action: manipulation;
}
