Heim > Artikel > Web-Frontend > Javascript implementiert Wortzählung_Javascript-Fähigkeiten

Javascript implementiert Wortzählung_Javascript-Fähigkeiten

WBOYOriginal: 2016-05-16 15:51:451156Durchsuche

Die Wortzählfunktion funktioniert durch das Hinzufügen eines onKeyup-Ereignisses zum Textbereich. Das Ereignis liest den Textbereichsinhalt, erhält die Länge und weist ihn dem Textknoten zu, der die Wortanzahl zählt. Zu beachten ist hier das Hinzufügen von onKeypress und onKeydown-Ereignisse können diesen Effekt ebenfalls erzielen, aber sie haben alle einige Mängel und können in einigen Fällen zu Missverständnissen führen. Ich habe sie alle ausprobiert und bin der Meinung, dass die Verwendung nur eines onKeyup-Ereignisses die klügste Wahl ist.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>测试文件</title>
<script>
function cal_words(){
  var length = document.getElementById("test").value.length;
  document.getElementById("num").innerHTML = length;
}
</script>
</head>

<body>
<div class="reply">
 <textarea id="test" onKeyUp="cal_words()"></textarea>
 <div>字数：<span id="num">0</span></div>
</div>
</body>
</html>

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er gefällt Ihnen allen.

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：Eine Web-Front-End-Mindmap zum Teilen von Javascript-KenntnissenNächster Artikel：Eine Web-Front-End-Mindmap zum Teilen von Javascript-Kenntnissen

In Verbindung stehende Artikel

Mehr sehen