> 웹 프론트엔드 > JS 튜토리얼 > JS_javascript 기술을 사용하여 남은 단어 수를 계산하는 코드

JS_javascript 기술을 사용하여 남은 단어 수를 계산하는 코드

WBOY
풀어 주다: 2016-05-16 19:03:18
원래의
1187명이 탐색했습니다.

먼저 HTML 코드를 살펴보겠습니다.



최대 텍스트 길이: 250. 나머지: 250.
onkeyup은 사용자가 키보드를 떠날 때 발생하는 이벤트임을 알 수 있습니다. 전달된 매개변수는 이것이다(즉, 현재 문서 영역)

그런 다음 JS 코드를 살펴보세요. 🎜>


함수는 먼저 maxChars 변수에 값(입력 영역에서 사용할 수 있는 최대 문자 수. 이 변수는 계산에 사용할 수 있는 숫자 값이라는 점에 유의하세요)

그런 다음 텍스트 영역에 입력된 값을 매개변수에서 가져와 이전에 지정한 최대 길이와 비교합니다.
입력 문자 길이가 범위를 초과하는 경우 하위 문자열을 사용하여 길이(0, maxChars)를 강제로 제한합니다. 즉, 입력 범위는 0자부터 maxChars(변수) 문자까지입니다.

var curr = maxChars - which.value.length는 사용 가능한 문자 수를 계산하고 해당 값을 curr에 저장하는 데 사용됩니다.

마지막으로 getElementById를 사용하여 ID가 ​​chLeft(이 HTML의 범위)인 객체를 찾고, toString 메서드를 사용하여 curr의 값을 문자열로 변경하고 이를 다시 범위 태그에 피드합니다.

관련 라벨:
js
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿