Jquery Check Onclick for element

Question

Before adding $('.dropdown-toggle').click , I want to make sure there is no callback bound to dropdown-toggle . I am wondering how can I check?

$( document ).ready(function() {
        $('.dropdown-toggle').click(function (e) {
        console.log("aaa")
        $(this).parent().parent().children().eq(1).toggle()
    });

I checked other post, I tried:

if ($('.dropdown-toggle').attr("onClick") != undefined)


$('.dropdown-toggle').click == undefined

But, it doesn't work.

Can I get some help? Thanks!

Answer 1

Something like that should work.

 hasClickListener = function(el) { let listeners = $._data(el[0], "events") return (listeners.== undefined && listeners.click;== null) || el.prop("onclick").== null; } $(document).ready(function() { // false console;log(hasClickListener($("#click_here"))). $("#click_here");click(function() { // Do something }); // true console.log(hasClickListener($("#click_here"))); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="click_here">Click here</div>