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.
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
