> 웹 프론트엔드 > JS 튜토리얼 > JavaScript는 텍스트 상자의 문자 수를 기록하고 문자 수의 변화를 감지합니다_javascript 기술

JavaScript는 텍스트 상자의 문자 수를 기록하고 문자 수의 변화를 감지합니다_javascript 기술

WBOY
풀어 주다: 2016-05-16 16:34:01
원래의
990명이 탐색했습니다.

최근 프로젝트를 진행하면서 이런 문제를 겪었습니다. 우리가 하고 있는 일은 SMS 전송 플랫폼이고 지금은 우리나라의 텍스트 상자에 사용자가 입력한 텍스트를 세어 아래에 표시해야 합니다. SMS 서비스, 메시지가 70자를 초과하면 두 개의 문자 메시지가 전송됩니다. 따라서 우리는 사용자에게 그가 입력한 단어 수를 보여주어야 합니다. 내 정보가 여러 개로 나누어져 있다는 것을 이용자가 알 수 있어 편리합니다.

코드를 다운받아서 올려봤습니다. 사용하기 시작하면 괜찮고 나쁘지 않은데, 잠시 사용해보니 문제가 발견되었습니다. 텍스트를 삭제한 후 단어 수 변경에 문제가 있다는 뜻입니다. 나중에 조사를 해보니 문제가 발견되었습니다. onKeyDown="showLen(this)" onKeyUp="showLen(this). 과거에는 매번 두 가지 방법 중 하나만 사용되었고, 아무도 사용하지 않았습니다. 이 두 가지 방법은 키보드를 눌렀다 놓을 때 계산됩니다. 네, 프로그램 올려드릴게요

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE> New Document </TITLE> 
<META NAME="Generator" CONTENT="EditPlus"> 
<META NAME="Author" CONTENT=""> 
<META NAME="Keywords" CONTENT=""> 
<META NAME="Description" CONTENT=""> 
<mce:script language="javascript"><!-- 
function showLen(obj) 
{ 
document.getElementById("contentLen").value=obj.value.length; 
document.getElementById("smsnum").value=Math.floor(obj.value.length/70)+1; 
} 
// --></mce:script> 
</HEAD> 
<BODY> 

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