Maison > Article > interface Web > jQuery exploite la zone de saisie pour compter le nombre de mots
jQuery exploite la zone de saisie pour compter le nombre de mots
- php中世界最好的语言original
- 2018-04-19 15:59:221825parcourir
Cette fois, je vous apporte jQuery pour compter le nombre de mots lors de l'utilisation de la zone de saisie, et quelles sont les précautions pour utiliser la zone de saisie avec jQuery pour compter le nombre de mots. Ce qui suit est un cas pratique, jetons un coup d'oeil ensemble.
<!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>Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez faire attention au site Web php chinois Autres articles connexes !
Lecture recommandée :
jQuery+cookie pour obtenir un effet de changement de peau
jQuery pour créer un effet de calque de masque de page
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!