How can I execute a function for both left and middle click?

Question

Here is my code:

$('a').on('click', function(){
  myfunc($(this));
});

function myfunc(el){
  console.log('Either left or middle click clicked on the link');
}

a{
  cursor: pointer;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a>click</a>

My code works just for left click. How do I run that function when the users clicks on the link through the middle-click too?

[Duplicate](https://stackoverflow.com/questions/17130852/detecting-middle-mouse-click-event-jquery) — Sandeep Nayak, May 31 '17 at 07:25
Then this will help you https://stackoverflow.com/questions/5392442/detect-middle-button-click-scroll-button-with-jquery. It says there that on mousedown event you can detect the middle click and do whatever you want in a condition. — Ionut Necula, May 31 '17 at 07:25
Possible duplicate of [Detecting middle mouse click event jQuery](https://stackoverflow.com/questions/17130852/detecting-middle-mouse-click-event-jquery) — Dhaval Marthak, May 31 '17 at 07:26

score 0 · Answer 1 · answered May 31 '17 at 07:27

0

$("a").on("mousedown", function(e){
    switch(e.which)
    {
        case 1:
            //left Click
        break;
        case 2:
            //middle Click
        break;
    }
    return true;
});

answered May 31 '17 at 07:27

Rifatul Islam Chayon

462
4
7

score 0 · Answer 2 · answered May 31 '17 at 07:33

0

Try this:

$('a').on('mousedown', function(e){
    if( e.which <= 2 ) {
        myfunc($(this));
    } 
});

function myfunc(el){
  console.log('Either left or middle click clicked on the link');
}

answered May 31 '17 at 07:33

stack

10,280
19
65
117

How can I execute a function for both left and middle click?

2 Answers2