Maison >interface Web >js tutoriel >Explication détaillée des événements de zone de texte de surveillance jQuery et des étapes de traitement

Explication détaillée des événements de zone de texte de surveillance jQuery et des étapes de traitement

php中世界最好的语言
php中世界最好的语言original
2018-04-26 13:59:451596parcourir

Cette fois, je vous apporte une explication détaillée de la surveillance par jQuery des événements de zone de texte et des étapes de traitement. Quelles sont les précautions pour utiliser jQuery pour surveiller les événements de zone de texte. cas pratique. Jetons un coup d'oeil.

//事情委托
$(document)
 .on('input propertychange', '#query', function(){
  var input = $(this).val();
  show(input);
 });
 var show = function(txt){
  var info = '监听:<b>' + txt + '</b><br /><br />'
  + '相关搜索:<br />' + showTags(txt);
  $('.info').html(info);
 }
 var showTags = function(txt){
  var tag = '';
  if(txt.length){
   for (var i = 0; i < 3; i++) {
    tag += &#39;<span class="tag">'+txt+'相关'+i+'</span>';
   };
  }
  return tag;
}

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 prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Opération dynamique jQuery des cellules du tableau

Explication détaillée des étapes de l'icône du bouton personnalisé Jquery+Mobile

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn