javascript_javascript 스킬 기반 검색 시 자동 프롬프트 기능

* { 패딩: 0; 여백: 0; }
ol , ul { 목록 스타일: 없음; }
본문 { 글꼴 크기: 12px; 색상:#333; }
.search-test-inner { 여백: 100px 자동; 패딩: 10px; 너비: 400px; 배경: #e0e0e0; 테두리 반경: 10px; 상자 그림자: 1px 2px 6px #444; }
.search-val-inner { 여백-하단: 20px; 패딩: 10px; 배경: #fff; }
.member-list-inner .search-li { 패딩: 10px; }
.search-value-list { 여백 상단: 10px; }
.search-value-list li { 패딩: 5px; }
.member-list-inner .search-li .phone,
.search-value-list li .phone { float: 오른쪽; }
.search-value { 너비: 100%; 높이: 30px; 줄 높이: 30px; }
.tips { 글꼴 두께: 굵게; }

//------------------------------------------------ ---【초기화】
함수 SEARCH_ENGINE(dom,searchInput,searchResultInner,searchList){
//병음, 한자, 숫자를 저장할 배열
This.searchMemberArray = [];
//행동의 대상
This.dom = $("." dom);
//검색창
This.searchInput = "." 검색입력;
//검색결과 상자
This.searchResultInner = this.dom.find("." searchResultInner);
//검색 객체 목록
This.searchList = this.dom.find("." searchList);
//병음으로 변환하여 배열에 저장
This.transformPinYin();
//바인딩 검색 이벤트
This.searchActiveEvent();
}
SEARCH_ENGINE.prototype = {
//----------------【병음으로 변환하여 병음, 한자, 숫자를 배열에 저장합니다】
TransformPinYin : function(){
//데이터 객체 임시 저장
           $("body").append('');
        var $pinyin = $("input.pingying-box");
for(var i=0;i // 이름을 저장하고 병음으로 변환합니다
               $pinyin.val(this.searchList.eq(i).attr("data-name"));
//한자를 병음으로 변환
          var pinyin = $pinyin.toPinyin().toLowerCase().replace(/s/g,"");
//한자
          var cnCharacter = this.searchList.eq(i).attr("data-name");
// 숫자 <<>           var digital = this.searchList.eq(i).attr("data-phone");
​​​​​​ //배열에 저장
This.searchMemberArray.push(pinyin "&" cnCharacter "&" digital);
}
//임시저장 데이터 객체 삭제
         $pinyin.remove();
},
//--------------------------------[퍼지 검색어]
fuzzySearch : 함수(유형,값){
      var s;
        var returnArray = [];
​​​​ //병음
If(type === "병음"){
          s = 0;
}
           //한자
          else if(type === "cnCharacter"){
          s = 1;
}
​​​​ //숫자
           else if(type === "digital"){
          s = 2;
}
for(var i=0;i                                // 문자 포함
If(this.searchMemberArray[i].split("&")[s].indexOf(val) >= 0){
                 returnArray.push(this.searchMemberArray[i]);
            }
}
         return returnArray;
},
//----------------【검색결과 출력】
PostMemberList : 함수(tempArray){
      var html = '';
//검색결과가 있습니다
        if(tempArray.length > 0){
            html = '

搜索结果(' tempArray.length ')

';
            for(var i=0;i                 var sArray = tempArray[i].split("&");
                html = '

';
                html = '' sArray[2] '';
                html = '' sArray[1] '';
                html = '

';
            }
        }
        //无搜索结果
        그렇지 않으면{
            if($(this.searchInput).val() != ""){
                html = '

无搜索结果……

';
            }그밖에{
                this.searchResultInner.html("");
            }
        }
        this.searchResultInner.html(html);
    },
    //----------------【绑定搜索事件】
    searchActiveEvent : 함수(){
        var searchEngine = this;
        $(document).on("keyup",this.searchInput,function(){
            //临时存放找到的数组
            var tempArray = [];
            var val = $(this).val();
            //判断拼소리적정则
            var pinYinRule = /^[A-Za-z] $/;
            //判断汉字字正则
            var cnCharacterRule = new RegExp("^[u4E00-u9FFF] $","g");
            //判断整数적정당
            var digitalRule = /^[- ]?d (.d )?$/;
            //只搜索3种情况
            //소리
            if(pinYinRule.test(val)){
                tempArray = searchEngine.fuzzySearch("pinyin",val);
            }
            //문자
            else if(cnCharacterRule.test(val)){
                tempArray = searchEngine.fuzzySearch("cnCharacter",val);
            }
            //문자
            else if(digitalRule.test(val)){
                tempArray = searchEngine.fuzzySearch("digital",val);
            }
            그렇지 않으면{
                searchEngine.searchResultInner.html('

无搜索结果……

');
            }
              searchEngine.postMemberList(tempArray);
        });
}
};