JavaScript에서 텍스트 영역 단어 수를 계산하고 입력할 수 있는 문자를 묻는 기능을 구현합니다.

텍스트 상자에 텍스트를 입력하면 입력한 문자가 자동으로 계산되어 사용자가 입력할 수 있는 문자가 표시됩니다. 실제로 다음은 설명하기 위한 예입니다. 인기 있는 트위터 등 마이크로블로그 웹사이트는 좋은 사용자 경험을 가지고 있습니다. 즉, 텍스트 상자에 텍스트를 입력하면 입력된 문자를 자동으로 계산하고 사용자가 입력할 수 있는 문자를 표시합니다. 140자, 이렇게 하면 작은 팁이 사용자 경험을 크게 향상시킬 수 있습니다.

이 기술이 구현되면 어떻게 될까요? 제가 조사해본 결과 구현이 실제로는 몇 줄의 코드만으로 완료될 수 있습니다.
문자 입력
통계 기능은 실제 테스트를 통해 확인됩니다. Twitter와 같은 마이크로블로그와 완전히 일치합니다. 사용 방법은 먼저 남은 단어 수를 표시하는 범위를 추가한 다음
onkeydown
및 onkeyup 이벤트를 텍스트 영역에 추가하고 다른 JavaScript 함수를 호출하는 것입니다. id와 텍스트 영역의 id를 입력한 다음 JavaScript에서 innerHTML을 사용하여 계산된 남은 단어 수를 반환합니다. 핵심 자바스크립트 코드:


코드는 다음과 같습니다.

<span style="font-size:18px;"><script language="javascript"> 
function countChar(textareaName,spanName) 
{ 
document.getElementById(spanName).innerHTML = 140 - document.getElementById(textareaName).value.length; 
} 
</script> 
可以输入<span id="counter">140</span>字<br/> 
<textarea id="status" name="status" rows="6" cols="40" onkeydown=&#39;countChar("status","counter");&#39; 
onkeyup=&#39;countChar("status","counter");&#39;></textarea></span>

위 내용은 JavaScript에서 텍스트 영역 단어 수를 계산하고 입력할 수 있는 문자를 묻는 기능을 구현합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!