suchen

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中世界最好的语言
php中世界最好的语言Original
2018-04-19 15:59:221903Durchsuche

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!

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：So ermitteln Sie die Browserversion mit jQueryNächster Artikel：So ermitteln Sie die Browserversion mit jQuery

In Verbindung stehende Artikel

Mehr sehen