Rumah >hujung hadapan web >tutorial js >Bagaimana jQuery memantau peristiwa kotak teks dan mengendalikannya dengan sewajarnya_jquery

Bagaimana jQuery memantau peristiwa kotak teks dan mengendalikannya dengan sewajarnya_jquery

WBOY
WBOYasal
2016-05-16 16:03:371282semak imbas

Contoh dalam artikel ini menerangkan cara jQuery memantau peristiwa kotak teks dan mengendalikannya dengan sewajarnya. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

//事情委托
$(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;
}

Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang.

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn