이벤트 리스너와 충돌 한 적이 있습니까? 또는 페이지의 동일한 작업에서 다른 항목이 실행되고 있는지 확인하고 싶습니다. 브라우저에 따라 기본 제공 기능 일 수도 있고 아닐 수도 있습니다.
브라우저에 내장
Chrome에서 페이지를 마우스 오른쪽 버튼으로 클릭하고 요소 검사로 이동하십시오. 거기에서 요소 탭에 있는지 확인하고 HTML 블록을 클릭하십시오. 오른쪽 사이드 바에는 이벤트 리스너를 클릭하고 문서가 수신 대기중인 조치를 볼 수있는 탭 섹션이 있습니다. 이러한 각 조치를 자세히 분석하여 초기 선언이 발생하는 위치를 확인할 수 있습니다.
Internet Explorer에서는 비슷한 기능이 내장되어 있다고 생각합니다. FireFox에서는 브라우저에서 해당 기능을 보려면 FireBug 애드온이 필요하다고 생각합니다.
getEventListeners
이것은 Firefox 및 Firefox 용 Firebug에 직접 구운 방법입니다. 구문 : getEventListeners (object). 따라서 jQuery와 함께 간단한 예는 다음과 같습니다.
getEventListeners ($ ( '# 컨테이너'));
개발자 콘솔로 직접 이동하여 리스너를 보려는 요소에 해당 명령을 입력하십시오.
getEventListeners Chrome
getEventListeners Firebug
jQuery
더 이상 jQuery에서이 정보를 얻는 방법이 완전히 지원되지 않습니다. 다음을 통해 jquery에서 개인 메소드에 액세스 할 수 있습니다.
$ ._ data ($ ( ''), 'events');
적절한 요소 참조로 교체하십시오. 이것은 공개적으로 지원되지 않으며 문서가 없으며 새로운 jQuery 릴리스에서 작동을 멈출 수 있으므로 의존하지 마십시오. 사용하려는 경우 디버깅에만 사용하십시오.
북마크릿
위의 어느 것도 당신에게 적합하지 않으면 청취자가있는 페이지에서 볼 수있는 멋진 북마크가 있습니다. 여기로 가면 브라우저 막대로 끌어다 놓을 수있는 책갈피를 제공합니다. 이것은 정직하게 청취자가 페이지의 어디에 있는지 정확하게 알 수 있으므로 가장 자주 사용하는 방식입니다.
