เว็บไซต์ Weibo ยอดนิยมเช่น Twitter มีประสบการณ์การใช้งานที่ดีนั่นคือเมื่อป้อนข้อความในกล่องข้อความอักขระที่ป้อนจะถูกนับโดยอัตโนมัติและอักขระที่ผู้ใช้ยังสามารถป้อนได้จะปรากฏขึ้น ในบล็อก Weibo ที่มีขีด จำกัด 140 ตัวอักษรเคล็ดลับขนาดเล็กสามารถช่วยเพิ่มประสบการณ์ผู้ใช้ได้อย่างมาก
ถ้าฉันใช้เทคโนโลยีนี้ฉันได้ทำการวิจัยและพบว่าการใช้งานนั้นค่อนข้างง่าย รหัสสองสามบรรทัดสามารถทำฟังก์ชันสถิติอักขระอินพุตได้ หลังจากการทดสอบจริงสถิติเกี่ยวกับข้อความนั้นเหมือนกับบล็อกของ Weibo เช่น Twitter
วิธีการใช้งานคือการเพิ่มช่วงก่อนเพื่อแสดงจำนวนคำที่เหลือจากนั้นเพิ่มเหตุการณ์ onkeydown และ onkeyup ใน textarea และโทรหาฟังก์ชัน JavaScript อื่น พารามิเตอร์ของการเรียกใช้ฟังก์ชันคือ SPAN ID และ ID Textarea จากนั้นใช้ InnerHTML ใน JavaScript เพื่อส่งคืนจำนวนคำที่เหลือที่คำนวณได้
รหัส JavaScript หลัก:
การคัดลอกรหัสมีดังนี้:
<span style = "ตัวอักษรขนาด: 18px;"> <ภาษาสคริปต์ = "JavaScript">
ฟังก์ชั่น Countchar (textareaname, spanname)
-
document.getElementById (spanname) .innerhtml = 140 - document.getElementById (textareaname) .value.length;
-
</script>
คุณสามารถป้อน <span id = "ตัวนับ"> 140 </span> คำ <br/>
<textarea id = "สถานะ" name = "สถานะ" rows = "6" cols = "40" onkeydown = 'countchar ("สถานะ", "counter");'
onkeyUp = 'countchar ("สถานะ", "counter");'> </textarea> </span>
PS: เว็บไซต์นี้ยังมีเครื่องมือออนไลน์สำหรับการนับคำ เพื่อนที่สนใจสามารถอ้างถึงได้:
เครื่องมือนับคำออนไลน์:
http://tools.vevb.com/code/zishutongji