[메모] 검색 입력 시 주의 사항

임택·2021년 3월 5일
0

메모

목록 보기
8/14
  • keyup 한글 입력 시 이벤트 2번 일어남
  • code: 'Enter' 형식으로 사용해는게 좋음
handleKeypress = (e) => {
  //  TODO: 한글로 검색하게 되면 _ 커서가 마지막에 남아 엔터치면 2번 호출하는 현상이 있음 하.... >> keyup 이벤트 문제, keypress 변환
  //  영어로 타입하면 그런 현상이 없다.. 하 쉬발
  const {
    code,
    target: { value },
  } = e;
  if (code === 'Enter' && value.trim().length > 0) {
    console.log('[INPUT SEARCH]', value);
    this.onSearch(value);
    // e.target.value = 'angora';
    e.target.value = '';
    this.updateKeywords(value);
    e.target.focus();
  }
};
profile
캬-!

0개의 댓글