Check if element has been clicked or changed

Question

I have some what of a stupid question and I think I already know the answer but I would Like to find out from someone with more jquery knowledge than I have. I have a drop down list and I would like to know if I can check to see if the ddl has been clicked or changed. Example

If($('#ddl').click() || $('#ddl').on('change'){
    //do something.
}

Answer 1

You can bind a click and change event handler to the element and set a flag:

$('#ddl').on('click change', function() {
    $(this).data('clicked', true);
});

// later
if ($('#ddl').data('clicked')) {
   // ...
}

Of course if you want to perform an action when the element is clicked or changed, put that code directly in the event handler. You don't need a flag in that case.

Answer 2

This provides good reference on how to write a function to capture the change - http://api.jquery.com/change/

$('#ddl').change(function() {
    // do something
});