Cách phát hiện tất cả event handler đang hoạt động trong JavaScript

Cách đơn giản nhất là dùng jQuery để phát hiện các event handler đang gắn trên phần tử.

Ví dụ

<!DOCTYPE html>
<html>
<head>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script>
        $(function() {
            var myEvent = $("#demo");
            myEvent.mouseover(function() {});
            // jQuery lưu event trong data("events") (phiên bản cũ)
            // Phiên bản mới dùng $._data(element, "events")
            $.each($._data(myEvent[0], "events"), function(i, e) {
                alert("Event type: " + i);
            });
        });
    </script>
</head>
<body>
    <div id="demo">Demo Text</div>
</body>
</html>

Lưu ý: data("events") chỉ hoạt động jQuery < 1.8. Với jQuery mới, dùng $._data(element, "events") (internal API) hoặc dùng DevTools > Event Listeners tab để kiểm tra trực quan.