[debug] event 디버깅

1. 엘레먼트 잡고 이벤트 데이타 보기

2. source tab 에서 특정이벤트에 중단점 잡기

3. 특정엘리먼트에 걸려있는 이벤트함수 보기

 

 

 

 

1.

개발자 도구에서 위 이미지 에서 왼쪽 상단 마우스 버튼을 누르면 엘레먼트를 집을수 있다.

 

엘레먼트 집고나서 콘솔창에 $0 를 치면 해당 엘레먼트 코드가 보인다

그다음에 콘솔창에 monitorEvents($0) 라고 치면 해당 엘리먼트 위에서 이벤트 발생시 이벤트 데이타가 콘솔창에 찍힌다.

 

 

 

 

 

 

2. 

 source tab 에서 옆에 보면 eventListenr Breakpoints 라고 있다 거기서 원하는 이벤트를 집어놓으면 나중에 해당이벤트 발생시 코드가 중단 되고 그시점의 코드를 확인할수 있다.

ㅕ

3. element 탭에도 엘레먼트 집은다음에 볼수 잇다. ㅎㅎ근데 그 프레임워크 거르는게 있어는데..