Is it possible to capture the scroll wheel click

Question

I've just written some code, that when the user clicks on a link (I'm using jQuery's .click()), they get a modal popup telling them they're being redirected to a different site. This all works fine with a normal left click, however, clicking the link using the middle mouse button to open it in a different tab loads the page straight away rather than showing the modal. Ideally I'd like to show them the modal too, then after the timer finishes open it in a new tab for them.

Is it possible to capture this click too?

possible duplicate of [Triggering onclick event using middle click](http://stackoverflow.com/questions/1795734/triggering-onclick-event-using-middle-click) — Abdul Jabbar, Aug 18 '14 at 12:25

Ganesh Gaxy · Accepted Answer · 2014-08-18T18:53:55.727

0

Try this, It will help

$("yourtag").on('mousedown', function(e) { 
   if( (e.which == 1) ) {
     alert("left button");
   }if( (e.which == 3) ) {
     alert("right button");
   }else if( (e.which == 2) ) {
      alert("middle button"); 
   }
   e.preventDefault();
}).on('contextmenu', function(e){
 e.preventDefault();
});

edited Aug 18 '14 at 18:53

answered Aug 18 '14 at 12:24

Ganesh Gaxy

657
5
11

`live()` has been deprecated for years and doesn't even exist in newer versions of jQuery – charlietfl Aug 18 '14 at 12:38

score 0 · Answer 2 · answered Aug 18 '14 at 12:24

Yes it is possible through simple click event listener:

$("#element").bind('click', function(e) { 
   if( e.which == 2 ) {
      e.preventDefault();
      alert("middle button"); 
   }
});

just for your information, e.which == 1 will fire for left click and 3 for right click.

score 0 · Answer 3 · answered Aug 18 '14 at 12:26

0

Try this code,

$(document).on("mousedown", "a", function(e) {
   if( e.which == 2 ) {
      e.preventDefault();
      //your code here
   }
});

answered Aug 18 '14 at 12:26

Chamika Sandamal

23,565
5
63
86

2

Please add some explanation to your code. E.g. `.on(event, selector, handler)` is only helpful if you explain it, because `.on()` is seldom used in examples with more than two arguments. – Kijewski Aug 18 '14 at 12:32

score 0 · Answer 4 · edited May 23 '17 at 11:57

0

Refer this answer : Live demo

$("#foo").on('click', function (e) {
    if (e.which == 2) {
        e.preventDefault();
        alert("middle button");
    }
});

Ref

edited May 23 '17 at 11:57

Community

1
1

answered Aug 18 '14 at 12:27

Naveenkumar

483
5
20

3

`live()` is deprecated. – Teemu Aug 18 '14 at 12:27

Is it possible to capture the scroll wheel click

4 Answers4