ホームページ  >  記事  >  ウェブフロントエンド  >  jQuery監視テキストボックスイベントと処理手順の詳細な説明

jQuery監視テキストボックスイベントと処理手順の詳細な説明

php中世界最好的语言
php中世界最好的语言オリジナル
2018-04-26 13:59:451558ブラウズ

今回は、jQueryテキストボックスイベントの監視と処理手順について詳しく説明します。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 += &#39;<span class="tag">'+txt+'相关'+i+'</span>';
   };
  }
  return tag;
}

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

jQueryによるテーブルセルの動的操作

Jquery+モバイルカスタムボタンアイコンの手順の詳細な説明

以上がjQuery監視テキストボックスイベントと処理手順の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。