Situs web Weibo yang populer seperti Twitter memiliki pengalaman pengguna yang baik, yaitu ketika memasukkan teks di kotak teks, karakter yang dimasukkan akan dihitung secara otomatis dan karakter yang masih dapat dimasukkan pengguna akan ditampilkan. Di blog Weibo dengan batas 140 karakter, tip kecil seperti itu dapat sangat meningkatkan pengalaman pengguna.
Jika saya menerapkan teknologi ini, saya telah melakukan beberapa penelitian dan menemukan bahwa implementasinya sebenarnya cukup sederhana. Beberapa baris kode dapat menyelesaikan fungsi statistik karakter input. Setelah pengujian yang sebenarnya, statistiknya pada teks persis sama dengan blog Weibo seperti Twitter.
Metode penggunaan adalah terlebih dahulu menambahkan rentang untuk menampilkan jumlah kata yang tersisa, kemudian menambahkan acara OnKeydown dan OnKeyup di TextArea, dan panggil fungsi JavaScript lain. Parameter dari panggilan fungsi adalah ID rentang dan ID TextArea, dan kemudian menggunakan InnerHTML dalam JavaScript untuk mengembalikan jumlah kata yang tersisa yang dihitung.
Kode JavaScript inti:
Salinan kode adalah sebagai berikut:
<span style = "font-size: 18px;"> <script language = "javascript">
Fungsi countchar (TexTareaname, Spanname)
{
document.geteLementById (spanname) .innerHtml = 140 - document.geteLementById (textareaname) .value.length;
}
</script>
Anda dapat memasukkan <span id = "counter"> 140 </span> kata <br/>
<textarea id = "status" name = "status" baris = "6" cols = "40" onkeydown = 'countchar ("status", "counter");'
onkeyup = 'countchar ("status", "counter");'> </textarea> </span>
PS: Situs ini juga menyediakan alat online untuk penghitungan kata. Teman yang tertarik dapat merujuknya:
Alat Hitungan Kata Online:
http://tools.vevb.com/code/zishutongji