Click 막고 doubleClick 만 열기

1 minute read

2024-07-01

요구사항 중에 더블 클릭할 때 팝업이 띄워지도록 처리해야하는 일이 있었다.

근데 한 번 클릭할 때는 작동하면 안됐다.

이벤트 순서 상

onClick -> onDoubleClick

순으로 진행되기 때문에 더블클릭은 원클릭에 **의존적**이었다.

쉽게 생각하고 아래와 같이 작성했다.

const handleClick = (event: React.MouseEvent) => {
  // 조회 페이지 띄우기
};
 
const handleDoubleClick = () => {
  console.log('Double click event triggered');
  // 이곳에 더블클릭 시 실행할 코드를 작성합니다.
};

문제는 의도대로 동작하지 않았다.