반응형
크롬개발자도구에서 간단하게 이벤트 발생 내역을 확인하는 방법을 알아보자.
Console에다가 특정명령어를 입력하면, 현재 페이지에서 발생하는 모든 이벤트가 콘솔에 찍힌다. 아래에서 자세히 확인해보자.
콘솔에 이벤트 내용 찍기
monitorEvents($0)콘솔에서 이벤트 내용 찍는 것 중지
unmonitorEvents($0)특정이벤트만, 콘솔에 찍게하고 싶은경우
두번째 파라미터에 특정 이벤트를 입력한다.
monitorEvents(document.body, 'mouse')
How do I view events fired on an element in Chrome DevTools?
I have a customizable form element on a page from a library. I want to see what javascript events are fired when I interact with it because I am trying to find out which event handler to use. How ...
stackoverflow.com
https://developer.chrome.com/docs/devtools/#monitoreventsobject-events
Chrome DevTools - Chrome Developers
Chrome DevTools is a set of web developer tools built directly into the Google Chrome browser.
developer.chrome.com
반응형
'개발관련 > WEB' 카테고리의 다른 글
| 개인정보 마스킹 처리 (0) | 2023.02.27 |
|---|---|
| 페이지가 캐시(Cache)되지 않도록 설정하기 (0) | 2019.11.14 |
댓글