Another option can be to utilize the tagName
property of the e.target
. It doesn't apply exactly here, but let's say I have a class of something that's applied to either a DIV
or an A
tag, and I want to see if that class was clicked, and determine whether it was the DIV
or the A
that was clicked. I can do something like:
$('.example-class').click(function(e){
if ((e.target.tagName.toLowerCase()) == 'a') {
console.log('You clicked an A element.');
} else { // DIV, we assume in this example
console.log('You clicked a DIV element.');
}
});