angular.js - Bagaimana untuk menyelesaikan masalah kaedah input menyekat kotak teks pada web mudah alih?
漂亮男人
漂亮男人 2017-05-15 16:52:01
0
2
803

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>


漂亮男人
漂亮男人

membalas semua(2)
巴扎黑

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

给我你的怀抱

Gunakan kedudukan tetap, bahagian bawah

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan