>웹 프론트엔드 >JS 튜토리얼 >jQuery 모니터링 텍스트 상자 이벤트 및 처리 단계에 대한 자세한 설명

jQuery 모니터링 텍스트 상자 이벤트 및 처리 단계에 대한 자세한 설명

php中世界最好的语言
php中世界最好的语言원래의
2018-04-26 13:59:451596검색

이번에는 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 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 자료:

jQuery 테이블 셀의 동적 작동

Jquery+Mobile 사용자 정의 버튼 아이콘 단계에 대한 자세한 설명

위 내용은 jQuery 모니터링 텍스트 상자 이벤트 및 처리 단계에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.