Why right click is not triggered with .click()?

Question

This is a simple code :

HTML

<a id="link" href="#">Ciao</a>

jQuery

$('#link').click(function () {
    alert("ciao");
});

in fact, left/middle button is triggered (the alert is printed) but with Right Click? Why not? And how can I trigger it?

Answer 1

Bind mousedown to handle left, middle and right clicks:

$('#link').mousedown(function(e) {
   alert("ciao");
});

You can use e.which to determinate which button has been clicked. 1: left, 2: middle and 3: right.

Here's the demo: http://jsfiddle.net/fPhDg/9/

---

You can stop the contextmenu from appearing like this:

$('#link').contextmenu(false);

Demo: http://jsfiddle.net/y4XDt/

You should use this very very carefully! It only makes sense in some very rare cases.

Answer 2

Use .contextmenu(...):

$('#link').contextmenu(function () {
    alert("ciao");
});

And if you want to catch both events, you could use the bind(...) function:

$('#link').bind('click contextmenu',function()
{
    alert("ciao");
});

http://jsfiddle.net/fPhDg/4/