angulaire.js - Comment résoudre le problème du blocage de la zone de texte par la méthode de saisie sur le Web mobile ?
漂亮男人
漂亮男人 2017-05-15 16:52:01
0
2
805

Une zone de texte relativement grande est définie dans la page Web mobile, qui peut afficher environ 15 lignes de mots. Lorsque vous cliquez sur la zone de texte, la méthode de saisie apparaît et couvre quelques lignes de mots au bas de la zone de texte, provoquant le message. le nombre de mots saisis dépassait 10 lignes, tous les caractères saisis ultérieurement ont été bloqués par la méthode de saisie et transformés en saisie tactile, ce qui a été une très mauvaise expérience.

Existe-t-il un moyen de résoudre ce problème en utilisant js ?

Je viens d'écrire une méthode relativement stupide, et j'ai découvert que seuls les téléphones Samsung et Android 5.0 sont compatibles. Xiaomi, vivo et autres téléphones en désordre ne reconnaissent pas cette méthode. .

<textarea class="form_textarea" onfocus="textfocus(this)" onblur="textblur(this)" rows="" cols=""></textarea>



<script type='text/javascript'> 
function textfocus(o){ o.style.position = 'fixed'; o.style.top = '50px'; o.style.zIndex = '999'; } 
function textblur(o){ o.style.position = 'static'; o.style.top = 'auto'; } 
</script>


漂亮男人
漂亮男人

répondre à tous(2)
巴扎黑

1. Lorsque la zone de texte reçoit l'événement focus, faites défiler automatiquement la zone de texte vers le haut de l'écran
2. La zone de saisie conçue ne doit pas dépasser la moitié de l'écran. Si elle doit dépasser, la zone de texte a un événement de changement, calculez le nombre de mots saisis et faites défiler la zone de saisie vers le haut en conséquence

.

Cela devrait le rendre très convivial

给我你的怀抱

Utiliser le positionnement fixe, en bas

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal