input에 keyup 메소드로 위아래 방향키와 엔터를 눌렀을때 이벤트가 발생되도록 했습니다.
nav클래스는 데이터를 불러오기위해 숨겨놓고 input에서 타이핑 시 val값을 가져와 데이터와 매핑을 한 후 append로 searchBox에 생성되는 형식입니다.
더불어 한글을 사용 할 경우 length를 이용해 2개나 3개 이상 타이핑 시 검색을 할 수 있게 if문을 사용 했습니다.
검색 가능한 Text
Source
Commits
Branches
Pull requests
Pipelines
Deployments
Jira issues
Downloads
반응형
'Web Code > JS' 카테고리의 다른 글
[JS] 스크롤 진행률 표시줄 / scroll indicator (0) | 2021.06.07 |
---|---|
[JS] Input 검색 필터 / 검색 창 만들기 (복제), input 검색 딜레이 / 검색 필터 딜레이 (0) | 2021.04.19 |
[JS] Table input checkbox All click / 테이블 전체 체크 (0) | 2021.02.22 |
[JS] input type file 파일 미리보기 수정 삭제 기능 (0) | 2020.09.12 |
[JS] 네이버 에디터 스타일 제거 이미지 제거 문자만 추출 하기 (0) | 2020.09.03 |
댓글