Làm cách nào để tìm hiểu chức năng javascript đang được gọi bởi sự kiện onclick của đối tượng?

Question

Làm cách nào để tìm hiểu chức năng javascript đang được gọi bởi sự kiện onclick của đối tượng? Thậm chí tốt hơn, sau đó tôi có thể tìm ra tệp .js nào có trong hàm đó không?

Answer 1

Bạn có thể làm như thế này

Với Javascript Demo on JsFiddle

div1 = document.getElementById('div1'); 

alert(div1.getAttribute("onclick"));​ 

Với jQuery Demo on JsFiddle

<div id="div1" onclick="myfun();" >​ 

alert($('#div1').attr('onclick'))​; 

Answer 2

Tôi làm điều này bằng Visual Event kịch bản này mà ngay ngắn nêu bật sự kiện nào đã đăng ký mà chức năng trên yếu tố nào.

Để tìm khẩu hiệu của mã, chỉ cần sử dụng FireBug hoặc các công cụ phát triển trình duyệt tương tự để tìm kiếm tên hàm.

Answer 3

Bạn sẽ không thể tìm thấy tệp mà sự kiện onclick được gọi từ nhưng myObject.onclick sẽ cung cấp cho bạn hàm đang được gọi. Và không, bạn không cần jQuery cho việc này.

Theo như nhận được tên của hàm, điều đó phức tạp hơn một chút. Bạn có thể thử một cái gì đó như thế này, có lẽ:

var myFunc = myObject.onclick, myFuncName = ""; 

for(prop in window) { 
    if(window.hasOwnProperty(prop) && window[prop] === myFunc) { 
     myFuncName = prop; // myFuncName is now the name of the function. This only works if you didn't assign an anonymous function to the click handler. 
     break; 
    } 
} 

Nhưng thành thật mà nói, tôi nghĩ đó là một chút quá mức cần thiết.

Answer 4

Điều đó phụ thuộc vào cách event được đính kèm.

Nếu bạn đang ràng buộc để onclick mà không cần một cái gì đó giống như jQuery bạn có thể làm điều này:

var obj = document.getElementById('elementId'); 
console.log(obj.onclick); 

Answer 5

tôi sử dụng Công cụ nhà phát triển Chrome cho việc này:

Kiểm tra click hộp, và sau đó nhấp vào phần tử trên trang bạn muốn tìm trình xử lý. Nếu bạn đang sử dụng jQuery (hoặc thư viện tương tự), bạn có thể phải bước qua mã của họ trước khi bạn nhận được mã của bạn.