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!

Balastrong · Accepted Answer · 2020-06-12 17:30:11Z

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>

edited Jun 12, 2020 at 17:30

answered Jun 12, 2020 at 17:23

Balastrong

4,4602 gold badges14 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

imvain2 Over a year ago

If you modify the return line you can cover the onclick handlers aren't jquery event handlers: return (listeners !== undefined && listeners.click !== null) || el.prop("onclick") !== null;

Collectives™ on Stack Overflow

Jquery Check Onclick for element

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related