12
votes

JS basé sur un clavier à l'écran pour navigateur, comme sur les téléphones portables et les comprimés

Nous avons une application pour un système intégré et nous développons plusieurs applications basées sur HTML5, CSS3 et certaines bibliothèques JS, qui fonctionnent sur un navigateur WebKit. Je me demandais s'il y a des bibliothèques implémentées sur le clavier d'écran avec des graphiques personnalisables des clés. Il devrait également être facile d'internationaliser.

Peut être n'importe quoi basé sur la toile HTML5?

J'apprécie toute entrée. Merci!


0 commentaires

3 Réponses :


11
votes

3 commentaires

J'aime les Nettuts un. J'ai vu Jquery4u, mais je ne l'aimais pas parce que c'était basé sur Jquery Ui. Connaissez-vous-vous des toiles HTML5?


Cela pourrait fonctionner: StickManventures.com/labs/demo/...<< a> - plus à ce sujet ici: blog.stickmanventures.com/2011/10/22/...


@Grillz Intéressant démo, bien que sur mon téléphone sous Mobile Firefox, il affirme "Vous ne semblez pas avoir de support multitouch sur le bureau. Vous avez besoin de TUIO" ... ce qui est étrange depuis que je ne suis pas sur un appareil de bureau, je Je suis sur un appareil à écran multi-tactile.



8
votes

Vous pouvez essayer le clavier virtuel qui a beaucoup de fonctionnalités , Dispositions linguistiques et est très bien documenté .
Vous pouvez également l'intégrer facilement avec 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'
    }
})


0 commentaires

3
votes

Je recommande simple-clavier . Surtout à ceux qui recherchent un clavier virtuel JavaScript léger sans aucune dépendance (jQuery ou autre) ou sont intéressés par une mise en page Flexbox.

Vous pouvez trouver la démo ici: Voir la démo

 https://franciscohodge.com/project-pages/simple-keyfard/images/skdemo-4x2.gif

Divulgation: Je suis l'auteur du paquet. N'hésitez pas à envoyer un message ici ou sur GitHub avec des questions ou des problèmes que vous avez.


2 commentaires

Est-il possible de montrer au clavier uniquement sur la mise au point ??


Bonjour @faly, pour réaliser que vous pouvez initialement masquer le clavier avec CSS, puis le montrer via un auditeur d'événement de mise au point. Voici un exemple: franciscoododge.com/projects/simple -keyboard/demos / ...