How can I make it work when I click on the mouse wheel?

Question

JavaScript

How to make it so that when clicking on an element, element.onclickthe click would work not only on pressing the left mouse button, but also when clicking on the wheel.
Otherwise, if there is a scroll bar in the browser window, then clicking the wheel on the element does not give the desired effect. If there is no scrollbar, then everything is ok.

Answer 1

The click of the wheel can be tracked by MouseEvent.which
and this value for the wheel is 2.
For example:

$("#text").on('click', function(e) { 
    // данное событие будет выполняться при клике на левую кнопку или на клик колесика
   if( e.which == 1 || e.which == 2 ) {
     // какое нибудь действие 
   }
});

Answer 2

without jQuery:

(function() {
  document.getElementById('text').addEventListener('mousedown', addClickListener);
  function addClickListener(event) {
    if(event.button == 2) return;
    event.preventDefault();
    alert(event.button);
  }
})()

Answer 3

What if my iPad doesn't have a wheel?

Answer 4

Doesn't have the desired effect because you're not overriding the browser's default action.

Element.onclick = function(e){
   if("which" in e ? e.which & 2 : e.button & 4){
       e.preventDefault();
       alert("Нажата средняя клавиша мыши.");
   }
}