Question

I use jquery click event for a div and the div area has an input element. Because the input element is in the div, when I click input, the click function works, but I don’t want this action.
I looked at the selector page in Jquery’s website, but I couldn’t find this selector. How can I do this?

Answer 1

Use the nodeName property of the originating element to see where the event originated:

$('#myDiv').click(function(event) {
    if (event.target.nodeName.toLowerCase() === 'input') {
        return; // ignore the event if it originated on an input element
    }

    // do the rest of your code
});

If you want a more complex query (e.g. using jQuery pseudoselectors), you can use is:

$('#myDiv').click(function(event) {
    if ($(event.target).is('input[name="foo"]')) {
        return; // ignore the event if it originated on an input element with the name foo
    }

    // do the rest of your code
});