angular.js - Bagaimana untuk menyelesaikan masalah kaedah input menyekat kotak teks pada web mudah alih?

Question

Kawasan teks yang agak besar ditakrifkan dalam halaman web mudah alih, yang boleh memaparkan kira-kira 15 baris perkataan Apabila mengklik kawasan teks, kaedah input muncul dan meliputi beberapa baris perkataan di bahagian bawah kawasan teks, menyebabkan kawasan teks. bilangan perkataan yang dimasukkan melebihi 10 baris , semua aksara yang dimasukkan kemudian disekat oleh kaedah input dan bertukar menjadi penaipan sentuh, yang merupakan pengalaman yang sangat buruk.

Adakah terdapat cara untuk menyelesaikan masalah ini menggunakan js?

Saya baru sahaja menulis kaedah yang agak bodoh, dan mendapati hanya telefon Samsung dan Android 5.0 yang serasi dengan Xiaomi, vivo dan telefon berantakan yang lain tidak mengenali kaedah ini. .

<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>

Answer 1

1 Apabila kawasan teks menerima acara fokus, tatal kotak teks secara automatik ke bahagian atas skrin
2. Kotak input yang direka tidak boleh melebihi separuh skrin Jika ia mesti melebihi, kawasan teks mempunyai peristiwa perubahan, hitung bilangan perkataan yang telah dimasukkan dan tatal kotak input ke atas dengan sewajarnya

Ini sepatutnya menjadikannya sangat mesra

Answer 2

Gunakan kedudukan tetap, bahagian bawah