jQuery監視テキストボックスイベントと処理手順の詳細な説明-jsチュートリアル-php.cn

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

php中世界最好的语言

リリース： 2018-04-26 13:59:45

オリジナル

1531 人が閲覧しました

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