monitorEvents 로 특정 태그에 발생하는 이벤트 추적하기

input 태그에서 발생되는 이벤트를 추적하고 싶었다.

input label에 이미지를 입혀보았다.

위 그림의 input 버튼 발생시, 발생하는 이벤트를 추적하기 위해서 할일.

1. F12 키를 눌러 개발자 도구를 연다.
2. 콘솔창을 연다.
3. 내가 추적하고자 하는 tag의 id 를 기억한다.
4. 콘솔창에 monitorEvents( document.querySelector('#id 입력'));
5. 해당 태그를 클릭하면 발생되는 이벤트가 콘솔창에 뜬다.

monitorEvents를 콘솔창에 입력한 모습

해당 input 을 선택하면 발생되는 이벤트가 뜬다.

간단히 콘솔창에서 태그에서 발생되는 이벤트를 추적할수 있다.