관리자의 제한된 이벤트 찾기

Question

나는 이것에 대해 오랜 시간 궁금해했습니다. 예를 들어 Chrome에서 어떤 이벤트가 요소에 바인딩되어 있는지 확인하는 방법이 있습니까? 많은 사람들이 이제 다음과 같은 구문을 사용하여 jQuery를 사용하기 때문에 :

$("a.subtle").click(function(){ 
    //do something 
}); 

쉽게 코드를 찾을 수있는 관리자의 방법이 있나요? 검사관에서 "이벤트 리스너"탭으로 이동하여 어떤 이벤트가 연결되는지 확인할 수 있습니다. 예를 살펴보면 요소 옆에 jQuery라는 js 파일이있는 click 이벤트가 있다는 것을 알 수 있습니다. 따라서이 요소는 아무 래도 가리켜 야하지만 모든 jQuery 코드에 의해 가려져 있습니다. 여기에 내가 찾고 있어요 무엇 :

그래서 질문은, 요소에 적용되는 jQuery 코드를 찾을 수있는 빠른 방법이있다? 명확히하기 위해, 나는 내가 올린 코드를 빨리 찾고 싶다.

나는 그 클래스에 .click()의 소스 코드를 통해 검색 할 수 있지만, 물론 그렇게 많은 bazillion의 방법 ..

Answer 1

체크 아웃 Visual Event bookmarklet에 부모를 통해 수행, 또는 .on()로, 또는 할 수있다.

---

여기에 자신의 웹 사이트에서 인용입니다 :

비주얼 이벤트는 DOM 요소에 부착 된 이벤트에 대한 디버깅 정보를 제공하는 오픈 소스 자바 스크립트 북마크입니다.

비주얼 이벤트 보여줍니다

요소 이벤트가 그들에게 첨부

• .
• 요소에 연결된 이벤트 유형입니다.
• [sic]와 함께 실행될 코드가 트리거됩니다.
• 첨부 된 함수가 정의 된 소스 파일 및 라인 번호입니다 (Webkit 브라우저 및 Opera에만 해당).