Twitter와 같은 인기있는 Weibo 웹 사이트에는 사용자 경험이 양호합니다. 즉, 텍스트 상자에 텍스트를 입력 할 때 입력 한 문자가 자동으로 계산되고 사용자가 입력 할 수있는 문자가 표시됩니다. 140 자의 한계를 가진 Weibo 블로그에서는 작은 팁이 사용자 경험을 크게 향상시킬 수 있습니다.
이 기술을 구현하면 약간의 연구를 수행 한 결과 실제로 구현이 매우 간단하다는 것을 발견했습니다. 몇 줄의 코드는 입력 문자 통계 기능을 완료 할 수 있습니다. 실제 테스트 후 텍스트 통계는 Twitter와 같은 Weibo 블로그의 통계와 정확히 동일합니다.
사용 방법은 먼저 스팬을 추가하여 나머지 워드 카운트를 표시 한 다음 Textarea에서 OnkeyDown 및 OnKeyUp 이벤트를 추가하고 다른 JavaScript 기능을 호출하는 것입니다. 함수 호출의 매개 변수는 span id 및 textarea id이며, JavaScript에서 innerHTML을 사용하여 계산 된 나머지 단어 수를 반환합니다.
핵심 자바 스크립트 코드 :
코드 사본은 다음과 같습니다.
<span style = "font-size : 18px;"> <script language = "javaScript">
함수 COUNTCHAR (TextReaname, Spanname)
{
document.getElementById (spanname) .innerhtml = 140- document.getElementById (textReaname) .value.length;
}
</스크립트>
<span id = "counter"> 140 </span> 단어 <br/>를 입력 할 수 있습니다
<textRea id = "status"name = "status"rows = "6"cols = "40"onkeydown = 'countchar ( "status", "counter");'
onkeyup = 'countchar ( "status", "counter");'> </textarea> </span>
추신 :이 사이트는 또한 단어 계산을위한 온라인 도구도 제공합니다. 관심있는 친구들은 그것을 참조 할 수 있습니다.
온라인 워드 카운트 도구 :
http://tools.vevb.com/code/zishutongji