localhost에서만 클릭을 여러 번 실행?!

개발 환경(localhost)에서 Browser-sync를 사용한다면 아래 내용을 읽어 주십시오.
element.addEventListener('click', (e)=> {
    console.log(e); //コレなんぞ2回連続実行される。。
}, false);
왜 클릭이 활동하는 콜백이 두 번 뛰죠!
왜, 이유를 전혀 몰라!!!
며칠 전에 기다렸어요. 그래서 메모를 남겼어요.
Browser-sync의 클릭 활동 때문에 자세히 조사해 봤습니다.
Browser-sync의 Sync Options 설정을 통해 Clicks를 닫아 보십시오.

자신의 경우 클릭스를 끄고 클릭 활동을 여러 차례 반복하는 콜백 현상이 해소됐다.
위 화면(Sync Options 설정)에 대한 접근 방법은 Browser-sync를 실행할 때

이러한 정보가 표시되어 있기 때문에 브라우저에서 UI에 기재된 주소를 열면 (상기 그림의 예는localhost:3001) 표시됩니다.

좋은 웹페이지 즐겨찾기