How to disable mouse scroll button?

Question

How to disable mouse scroll button?

Navigation

#1 by (8 votes)
#2 by (4 votes)

9

I would like to know how to disable the scroll central button ?

I do not want to take the scroll just the scroll button of the mouse that has a right-hand side up and down when I click it, I want disable it.

javascript jquery css

asked by anonymous 17.04.2015 / 21:15

2 answers

What are the advantages of using Docker instead of Vagrant? Do you really need the "Then" at the end of the If block?

score 8 · Answer 1

8

You can try something like this:

$('body').mousedown(function(e) {
    if (e.button == 1) return false;
});

Note that older browsers may not work this way. Try this code on JSFiddle .

17.04.2015 / 21:43

score 4 · Answer 2

You can prevent the scroll button from clicking, for example:

$('body').mousedown(function(e){
    /*button == 0 botão esquerdo do mouse
     *button == 1 botão do meio, ou botão de scroll
     *button == 2 botão direito do mouse
    */
    if(e.button==1){
      alert('Botão desabilitado');
      return false
    }
});

div{
  width:100%;
  height:300px;
  }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><div>Cliquecomobotãodoscroll</div>

Withpurejavascript,do:

document.body.onmousedown = function(e){
    if(e.button == 1) {
      alert('Botão desabilitado');
      return false;
    }
}

div{
    width:100%;
    height:600px;
}

<div>Clique com o botão de scroll</div>