Heim > Artikel > Web-Frontend > jQuery bedient das Eingabefeld, um die Wortanzahl zu zählen
jQuery bedient das Eingabefeld, um die Wortanzahl zu zählen
- php中世界最好的语言Original
- 2018-04-19 15:59:221825Durchsuche
Dieses Mal bringe ich Ihnen jQuery mit, um die Anzahl der Wörter zu zählen, wenn Sie das Eingabefeld bedienen, und was sind die Vorsichtsmaßnahmen für die Bedienung des Eingabefelds mit jQuery, um zu zählen? Die Anzahl der Wörter ist ein praktischer Fall. Werfen wir einen Blick darauf.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script src="jquery-1.7.2.min.js"></script>
</head>
<body>
<p class="container">
<input id="abc"value=""><span id="WordCountShow"></span>
</p>
<script>
$.fn.extend({
wordCount:function(maxLength, wordWrapper) {
varself =this;
$(self).attr("maxlength", maxLength);
showWordCount();
$(this).on("input propertychange", showWordCount);
functionshowWordCount() {
curLength = $(self).val().length;
varleaveCount = maxLength - curLength;
wordWrapper.text(leaveCount +"/"+ maxLength);
}
}
})
$(function() {
$("#abc").wordCount(10, $("#wordCountShow"));
})
</script>
</body>
</html>Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie auf der chinesischen PHP-Website Andere verwandte Artikel!
Empfohlene Lektüre:
jQuery+Cookie zum Erzielen eines Skin-Change-Effekts
jQuery zum Erstellen eines Seitenmaskenebeneneffekts
Das obige ist der detaillierte Inhalt vonjQuery bedient das Eingabefeld, um die Wortanzahl zu zählen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!