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>
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
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