简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > JS 튜토리얼 > 본문

js는 텍스트 상자_javascript 기술에 입력된 문자 수를 계산합니다.

WBOY
풀어 주다： 2016-05-16 15:35:23
원래의
1183명이 탐색했습니다.

JavaScript를 사용하여 현재 사용자가 입력한 문자 수를 실시간으로 계산합니다. 

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>JavaScript统计字符数</title> 
<script language="javascript"> 
function CountWords(obj, show_id){ 
 var fullStr = obj.value; 
 var charCount = fullStr.length; 
 var rExp = /[^A-Za-z0-9]/gi; 
 var spacesStr = fullStr.replace(rExp, ' '); 
 var cleanedStr = spacesStr + ' '; 
 do{ 
  var old_str = cleanedStr; 
  cleanedStrcleanedStr = cleanedStr.replace(' ', ' '); 
 }while( old_str != cleanedStr ); 
  var splitString = cleanedStr.split(' '); 
  document.getElementById(show_id).innerHTML=charCount; 
} 
</script> 
</head> 
<body> 
<form> 
<textarea cols="40" rows="5" name="x" onkeyup="CountWords(this,'show')" /> 
</textarea> 
</form> 
<div id="show">0</div> 
</body> 
</html>
로그인 후 복사

자바스크립트에서 문자수 통계를 구현하는 것은 매우 간단합니다. 위에서 공유한 코드를 직접 사용할 수 있으므로 학습에 도움이 되기를 바랍니다.

관련 라벨：
js计算文本框 js计算文本框的值 js限制文本框输入长度 文本框输入触发js事件
원천：php.cn
이전 기사：JavaScript_기본 지식의 날짜 관련 작업 요약 다음 기사：JavaScript_Basic 지식 중 Date 객체의 일반적인 메소드 예
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
Heroku는 Puppeteer를 세 번만 실행하도록 제한합니다. 저는 퍼핏티어를 사용하여 다른 웹사이트에서 데이터를 스크랩하는 웹사이트를 개발 중입니다. 내 로컬 컴퓨터에서 npm 서버를 실행하면 데이터가 잘 긁히지만 Hero...
에서 2024-04-02 19:49:08
0
1
411
헤더 중앙에 이미지를 표시하는 방법은 무엇입니까? 우선, 내 코드는 HTML, CSS 및 JS의 3개 파일을 기반으로 합니다. HTML을 생성하기 위해 Bootstrap5.1.3 프레임워크를 사용하고 있다는 점에...
에서 2024-04-01 23:49:58
0
1
372
Docker 컨테이너에서 mysql 서버를 시작할 수 없습니다. Docker화하려는 NestJS 애플리케이션이 있습니다. 저는 docker를 처음 접했고 이 작업을 수행해야 합니다. 내 NestJS 애플리케이션에서는 Typeo...
에서 2024-04-01 00:00:35
0
1
2494
PHP 양식 텍스트 영역 필드에서 휴대폰 번호 다듬기 및 계산 내 양식에 휴대폰 번호를 복사하여 붙여넣을 수 있는 텍스트 영역 필드가 있습니다. 한 줄에 하나의 번호입니다. 이와 같이 수백 개의 휴대폰 번호를 복사하여 붙여넣...
에서 2024-03-31 08:46:11
0
1
314
GitHub 페이지에서 CSS 및 JS를 보는 데 문제가 있지만 VS Code에서는 잘 작동합니다. 저는 프로젝트 페이지 작업 중이며 CSS 및 JS 파일이 포함된 템플릿을 사용하고 있습니다. VisualStudioCode에서 코드를 작성했는데 내 컴퓨터에서 로...
에서 2024-03-30 22:12:20
0
1
314
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！