브라우저 콘솔에서 모든 JavaScript 이벤트 모니터링
모든 자바 스크립트 이벤트를 수신 할 수 있습니까?
AJAX 요청에 의해 DOM이 수정 된 후 트리거 된 이벤트가 있는지 추측하려고합니다.
로 불을 지르고 또는 웹 관리자 당신은 사용할 수 있습니다 monitorEvents
:
monitorEvents(myDomElem);
그러면에서 생성 한 모든 이벤트 myDomElem
가 콘솔로 출력 됩니다. unmonitorEvents
이벤트 모니터링을 중지하는 데 사용 합니다.
DOM이 조작 된 후 이벤트를 가져 오는 데 관심이 있다면 Mutation Events를 살펴보세요 .
편집 :
내가 아는 onreadystatechange
한 모든 XMLHttpRequest에서 모든 이벤트 를 가로채는 쉬운 방법은 없습니다 . 내가 생각할 수있는 유일한 해결 방법은 고유 한 구현으로 네이티브 XMLHttpRequest 개체를 재정의하는 것입니다. 예를 들면 :
(function() { // Overriding XMLHttpRequest
var oldXHR = window.XMLHttpRequest;
function newXHR() {
var realXHR = new oldXHR();
realXHR.addEventListener("readystatechange", function() {
console.log("an ajax request was made")
}, false);
return realXHR;
}
window.XMLHttpRequest = newXHR;
})();
말할 필요도없이 이것은 매우 해키하고 일반적으로 부적절합니다.
Xavi의 대답을 피기 monitorEvents(myDomElem)
위해 마우스 이벤트를 제외한 모든 것을 원하면 unmonitorEvents(myDomElem, 'mouse')
.
http://www.briangrinstead.com/blog/chrome-developer-tools-monitorevents 에는 크롬 모니터 이벤트 사용과 관련된 좋은 기사가 있습니다.
참조 URL : https://stackoverflow.com/questions/3489433/monitor-all-javascript-events-in-the-browser-console
'programing' 카테고리의 다른 글
JarOutputStream을 사용하여 JAR 파일을 생성하는 방법은 무엇입니까? (0) | 2021.01.19 |
---|---|
Eclipse Android 변경 API 레벨 (0) | 2021.01.19 |
HTML5 캔버스 및 앤티 앨리어싱 (0) | 2021.01.19 |
이메일 템플릿으로 Razor보기 (0) | 2021.01.19 |
Code First에서 데이터베이스 이름을 지정하는 방법은 무엇입니까? (0) | 2021.01.19 |