(버튼과 같은) 자바 스크립트 요소를 디버그하는 방법

Question

간단한 디버그 질문처럼 들리지만 솔루션을 찾을 수 없습니다.

크롬과 같은 웹 브라우저에서 dev 패널에서 요소 (버튼처럼)를 검사 한 다음 크롬에서 페이지/파일에서 해당 자바 스크립트 이벤트를 찾으려고합니다 (중단 점을 배치하거나 코드를 살펴보십시오.)

어떻게하면됩니까? (이 게시물 How do I monitor what Javascript is being triggered when I click an element in a webpage?에서 @ dev3078에 의해 제안 된대로 이벤트를 시작하고 타임 라인을 확인하지 않고). 나는 IDE에서와 같이 'goto javascript events declaration'을 갖고 싶습니다!

Answer 1

오른쪽에 Event Listener Breakpoints라는 드롭 다운이 표시되고 마우스 이벤트를 확장하고 클릭을 선택하면 Dom 버튼을 클릭하면 dev 도구가 호출 된 첫 번째 함수 내에서 디버깅 모드로 전환됩니다. 클릭 이벤트 이후에 클릭 이외의 다른 이벤트를 선택할 수도 있습니다.