ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery がテキスト ボックス イベントを監視し、それに応じて処理する方法_jquery

jQuery がテキスト ボックス イベントを監視し、それに応じて処理する方法_jquery

WBOY
リリース: 2016-05-16 16:03:37
オリジナル
1282 人が閲覧しました

この記事の例では、jQuery がテキスト ボックス イベントを監視し、それに応じて処理する方法を説明します。皆さんの参考に共有してください。詳細は以下の通りです。

//事情委托
$(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 += '<span class="tag">'+txt+'相关'+i+'</span>';
   };
  }
  return tag;
}
ログイン後にコピー

この記事が皆さんの jQuery プログラミングに役立つことを願っています。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート