본문 바로가기
Web Code/JS

[JS] Input 검색 필터 / 검색 창 만들기 (생성)

by 디자인 치트키 2021. 4. 15.

input에 keyup 메소드로 위아래 방향키와 엔터를 눌렀을때 이벤트가 발생되도록 했습니다.

nav클래스는 데이터를 불러오기위해 숨겨놓고 input에서 타이핑 시 val값을 가져와 데이터와 매핑을 한 후 append로 searchBox에 생성되는 형식입니다.

더불어 한글을 사용 할 경우 length를 이용해 2개나 3개 이상 타이핑 시 검색을 할 수 있게 if문을 사용 했습니다.

검색 가능한 Text
Source
Commits
Branches
Pull requests
Pipelines
Deployments
Jira issues
Downloads

 

 

반응형

댓글