I'm trying to run certain processes on mousedown anywhere in the document, but different ones depending on whether or not certain elements are clicked. The below code isn't working. Thanks for any help!

$(document).on('mousedown',function(e) {
    if (!$(e.target).hasClass('.item')) {
        console.log('item');
    } else {
        console.log('not item);
    }
});

I'm trying to run certain processes on mousedown anywhere in the document, but different ones depending on whether or not certain elements are clicked. The below code isn't working. Thanks for any help!

$(document).on('mousedown',function(e) {
    if (!$(e.target).hasClass('.item')) {
        console.log('item');
    } else {
        console.log('not item);
    }
});

• javascript
• jquery

• 3 .item is a selector for the item class name. Try !$(e.target).hasClass('item'). – Thibaud Colas Commented Dec 8, 2013 at 3:49
• 1 What the hell am I thinking? Thanks. – user3011922 Commented Dec 8, 2013 at 3:51

1 Answer 1

to hasClass() you should pass the class name, not class selector

$(document).on('mousedown',function(e) {
    if (!$(e.target).hasClass('item')) {
        console.log('item');
    } else {
        console.log('not item');
    }
});