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

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

WBOY
WBOY원래의
2016-05-16 16:34:01993검색

최근 프로젝트를 진행하면서 이런 문제를 겪었습니다. 우리가 하고 있는 일은 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)">
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.