Jquery mousedown vs click

Question

today I discovered something that was quite confusing for me. I just tried to hide s.th via jquery... first I tried to use this

$(".specificdiv li:nth-child(3)").click(function(){
    $(".anotherdiv").hide();
})

....but it does not work.

After a time I tried it this way:

$(".specificdiv li:nth-child(3)").mousedown(function(){
    $(".anotherdiv").hide();
})

Can anyone explain me why mousedown works instead of click? Would be great to find out

EDIT

edited the anotherdiv.

Answer 1

Possible reasons:

1. The event mousedown executes before click, so first come first serve.
2. The element might have already a click event, which prevents this from happening, say that function executes first and it has a return false statement in it.

Now since you are using mousedown, which is not assigned for this element, it doesn't have any conflicts. This may be a reason, because you didn't post the full code. Feel free to correct. :)

On a smaller note, you have $(".anotherdiv").hide(); in the first code and $(".another").hide(); in the second code, missing the div in the class. Is that a problem?

Answer 2

Actually the mousedown event is triggered when you push down the button, even you don't let the button up. The click is like the mouseup, when you let the button go up.

In your code you have: ".anotherdiv" and ".another" could it be your error?