suchen

Heim >Web-Frontend >js-Tutorial >JavaScript zeichnet die Anzahl der Zeichen im Textfeld auf und erkennt Änderungen in der Anzahl der Zeichen_Javascript-Fähigkeiten

JavaScript zeichnet die Anzahl der Zeichen im Textfeld auf und erkennt Änderungen in der Anzahl der Zeichen_Javascript-Fähigkeiten

WBOY
WBOYOriginal
2016-05-16 16:34:01993Durchsuche

Ich bin kürzlich bei der Arbeit an einem Projekt auf ein solches Problem gestoßen. Es ist notwendig, den vom Benutzer in das Textfeld eingegebenen Text zu zählen und ihn unten anzuzeigen. Denn was wir tun, ist eine SMS-Versandplattform, und jetzt die unseres Landes SMS-Dienst: Wenn Ihre Nachricht mehr als 70 Zeichen umfasst, werden Ihnen zwei Textnachrichten gesendet. Wir sind also verpflichtet, dem Benutzer anzuzeigen, wie viele Wörter er eingegeben hat. Für Benutzer ist es praktisch zu wissen, dass meine Informationen in mehrere Teile unterteilt werden.

Ich habe einen Code heruntergeladen und hochgeladen. Als ich anfing, ihn zu verwenden, war er in Ordnung und nicht schlecht, aber nachdem ich ihn eine Weile verwendet hatte, entdeckte ich ein Problem. Das bedeutet, dass es nach dem Löschen des Textes ein Problem mit der Änderung der Wortanzahl gibt. Später habe ich etwas recherchiert und das Problem gefunden. onKeyDown="showLen(this)" onKeyUp="showLen(this). In der Vergangenheit wurde jedes Mal nur eine der Methoden verwendet, und niemand hat sie verwendet. Diese beiden Methoden zählen, wenn Sie die Tastatur drücken und loslassen. Okay, ich werde das Programm hochladen 

<!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)">
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：JavaScript implementiert Webseiten-Screenshot-Funktion_Javascript-FähigkeitenNächster Artikel：JavaScript implementiert Webseiten-Screenshot-Funktion_Javascript-Fähigkeiten

In Verbindung stehende Artikel

Mehr sehen