다음 실행중인 javascript 문 또는 함수 엔트리 포인트를 식별하는 방법은 무엇입니까?

Question

많은 웹 사이트 페이지에는 기능을 지원하는 데 필요한 많은 JavaScript 코드가 있습니다. 프로그래머는 여러 가지 방법으로 요소에 이벤트를 첨부 할 수 있습니다. 그들은

<input type="button" onclick="dosomething();"> 

같은 요소 정의에 이벤트를 직접 추가 할 수 있습니다 또는 같은 자바 스크립트 코드하여이 작업을 수행 할 수 있습니다 : 그것은 우리를 위해 때로는 어렵도록 많은 코드가 여기에있다

<script> 
    document.getElementById('ele').onclick = function(){}; 
</script> 

그리고 일반적으로 요소 이벤트가 트리거 된 후 호출되는 이벤트 함수를 식별합니다.

내 질문은 : 어떤 방법이나 플러그인이 하나의 요소 이벤트가 트리거 된 후 다음 실행중인 자바 스크립트 문이나 함수 엔트리 포인트를 식별하는 데 도움이 될까요?

var element = document.getElementById('ele'); 
alert(element.onclick); 

그리고 프로그래밍 방식으로 트리거 : -

은

Answer 1

당신이 할 수있는 한 가지 일은 각 요소 유형에 할당 된 모든 이벤트를 파악하여 페이지의 어딘가에 (바람직하게는 하단에) 표시하는 기능을 정의하는 것입니다. 이를 실행하려면 클릭해야하는 버튼을 추가 할 수 있습니다.

물론 디버깅 상태에서이 작업을 수행해야하며 앱을 릴리스 할 때 버튼과 디스플레이 패널을 제거하고 싶을 것입니다.

우리는이 작업을 우리 프로젝트에 사용했지만, 우아하지는 않지만 목적을 달성했습니다.

Answer 2

방화범 같은 플러그인의 디버깅을 "모방"아무 코드가 없습니다

그러나 "간단한"onclick을 간단한 함수의 경우는 alert 그냥 표시됩니다

element.onclick();