Disabling middle click scrolling with javascript

Question

Background: I am creating a table reminiscent of whenisgood.net, in that it has click-n-drag toggling for table elements. I want to call different types of toggling code when the left, middle, and right mouse buttons activate a mousedown event.

By using JQuery, I'm off to a good start.

$(".togglable").bind("contextmenu", function() {return false;});
$(".togglable").bind("mousedown", function(e){
  e.preventDefault();
  toggle(this, e);
});

In the toggle() function I can use e.which to determine what button was clicked.

The punchline: I used e.preventDefault() hoping that it would stop the middle click default behavior of scrolling. It didn't. What can I do to stop the scroll action from activating?

See also "Triggering onclick event using middle click"

Answer 1

Middle-click can be disabled with Javascript, but only in IE, WebKit, and Konquerer. Firefox requires a config file edit. It's 2017 and firefox 50 supports this.

Answer 2

This is an old question...but if I'm understanding it properly, you want to disable scrolling via the middle mouse button click.

Nowadays, you can do this with a single line of vanilla JS:

document.body.onmousedown = function(e) { if (e.button === 1) return false; }