input construit à partir d'une div
Bonjour,
Je voudrais savoir si vous connaissez un petit plugin qui permet de simuler le comportement d'un input à partir d'une div.
L'intérêt serait d'éviter l'affichage automatique du clavier sur les supports mobiles.
Le code html serait un truc du genre :
Code:
1 2 3
| <div id="divinput" class="so-inline-block" style="background:pink; width:10em; height: 1.6em;">
<span id="content" tabindex="1">a</span><span class="blink">|</span>
</div> |
Et le code javascript quelque chose du genre :
Code:
1 2 3 4 5 6 7 8
| function blinker() {
$('.blink').fadeOut(500);
$('.blink').fadeIn(500);
}
setInterval(blinker, 1000);
$("#content").on("keypress",function(e) {
$(this).html($(this).html()+String.fromCharCode(e.which));
}); |
Le code est dégueulasse :( mais l'idée est là...:D
ça doit bien exister...