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

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

php中世界最好的语言
リリース: 2018-04-26 13:59:45
オリジナル
1592 人が閲覧しました

今回は、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 サイトの他の関連記事を参照してください。

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