2012-01-06 11 views
9

Abbiamo un'app per un sistema integrato e stiamo sviluppando diverse app basate su HTML5, CSS3 e alcune librerie JS, che girano su un browser webkit. Mi stavo chiedendo se ci sono librerie implementate su tastiera a schermo con una grafica personalizzabile dei tasti. Dovrebbe anche essere facile da internazionalizzare.JS Tastiera basata sullo schermo per browser, come su telefoni cellulari e tablet

Può essere qualcosa basato su tela HTML5?

Apprezzo qualsiasi input. Grazie!

risposta

8
+1

Mi piace quello nettuts. Ho visto jquery4u, ma non mi è piaciuto perché era basato su jquery ui. Sai qualcosa in base alla tela html5? – Sherzod

+0

Questo potrebbe funzionare: http://stickmanventures.com/labs/demo/onscreen-keyboard-html5-canvas-multitouch/ - maggiori informazioni qui: http://blog.stickmanventures.com/2011/10/22/onscreen -keyboard-implementato-in-html5-canvas-con-multitouch-support-via-touch-events-api-and-magictouch-js/ –

+0

@Grillz Demo interessante, anche se sul mio telefono sotto Mobile Firefox si afferma "Tu don" Sembra che ci sia un supporto multitouch sul desktop: hai bisogno di qualche TUIO "... il che è strano dato che non sono su un dispositivo desktop, sono su un dispositivo multi-touch screen. – Michael

6

si potrebbe provare la Virtual Keyboard che ha un sacco di features, language layouts ed è molto well documented.
Si può anche facilmente integrarlo con bootstrap:

$('#keyboard').keyboard({ 
    layout: 'qwerty', 
    css: { 
     // input & preview 
     input: 'form-control input-sm', 
     // keyboard container 
     container: 'center-block dropdown-menu', // jumbotron 
     // default state 
     buttonDefault: 'btn btn-default', 
     // hovered button 
     buttonHover: 'btn-primary', 
     // Action keys (e.g. Accept, Cancel, Tab, etc); 
     // this replaces "actionClass" option 
     buttonAction: 'active', 
     // used when disabling the decimal button {dec} 
     // when a decimal exists in the input area 
     buttonDisabled: 'disabled' 
    } 
}) 

Trova il pieno esempio here.

Si potrebbe anche provare il On Screen Keyboard che è molto più semplice e meno ricco di funzionalità.

Problemi correlati