>  기사  >  웹 프론트엔드  >  JavaScript는 사용자 경험을 향상시키기 위해 통계 텍스트 상자 텍스트 영역 단어 수를 구현합니다.javascript 기술

JavaScript는 사용자 경험을 향상시키기 위해 통계 텍스트 상자 텍스트 영역 단어 수를 구현합니다.javascript 기술

WBOY
WBOY원래의
2016-05-16 17:45:57964검색

요즘에는 트위터와 같은 인기 있는 마이크로블로깅 웹사이트가 좋은 사용자 경험을 제공합니다. 텍스트 상자에 텍스트를 입력하면 입력한 문자가 자동으로 계산되며 사용자가 입력할 수 있는 문자는 140자로 제한됩니다. 마이크로블로그와 같은 작은 팁은 사용자 경험을 크게 향상시킬 수 있습니다.

이 기술이 구현되면 어떻게 될까요? 제가 조사해본 결과 구현이 실제로 매우 간단하다는 것을 알았습니다. 실제 테스트를 거친 후 텍스트 통계는 다음과 일치합니다. 트위터와 같은 마이크로블로그도 똑같습니다.

사용 방법은 먼저 남은 단어 수를 표시하는 범위를 추가한 다음 텍스트 영역에 onkeydown 및 onkeyup 이벤트를 추가하고 다른 JavaScript 함수를 호출하는 것입니다. 함수 호출의 매개 변수는 ID입니다. 및 범위의 범위. 텍스트 영역의 ID를 입력한 다음 JavaScript에서 innerHTML을 사용하여 계산된 나머지 단어 수를 반환합니다.

해당 자바스크립트 코드는 다음과 같습니다:
인용된 내용은 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.


140< /span>words< br/>

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.