Cancel middle mouse button scroll mode using Javascript

Question

When I click middle mouse button in a browser, it activates the scroll mode on browser with cursor like Scroll cursor . The scroll mode cancels on Esc key or next mouse click. It we left/right click when in scroll mode, mouse events fires in different orders. In IE, middle button up and next mouse down and up are not firing. In Chrome, the next mouse up event is not firing. Is there any way to cancel the scroll mode via javascript? Is there any way to get all events fired in order?

See Fiddler

var mouseDowns = 0;
var mouseUps = 0;
$('body').on('mousedown', 'div', function () {
    $('#logs').prepend('<br/>mousedown' + mouseDowns++);
});
$('body').on('mouseup', 'div', function () {
    $('#logs').prepend('<br/>mouseup' + mouseUps++);
});

Community · Accepted Answer · 2017-05-23 11:43:39Z

3

Listen to the mousedown event and cancel the default behavior if middle-mouse button is detected (older browsers may use different index for middle-mouse button through the e.which property):

document.addEventListener("mousedown", function(e) {
  if (e.button === 1) e.preventDefault();
});

edited May 23, 2017 at 11:43

CommunityBot

11 silver badge

answered May 13, 2015 at 12:46

user1693593

Sign up to request clarification or add additional context in comments.

Comments

Dhanunjai · Accepted Answer · 2015-05-14 06:35:47Z

0

Register to mouse wheel event as follows

[element].attachEvent("onmousewheel", MouseWheelHandler); // IE 6,7,8
[element].addEventListener("mousewheel", MouseWheelHandler, false); // IE9, Chrome, Safari, Opera
[element].addEventListener("DOMMouseScroll", MouseWheelHandler, false); // Firefox

and simply return false in the handler to cancel the standard behaviour.

For middle mouse button click,

$('body').on('mousedown', 'div', function () {
if(event.button==1) {
     event.preventDefault();
     return event.returnValue = false;
}});

edited May 14, 2015 at 6:35

answered May 13, 2015 at 11:09

Dhanunjai

1214 bronze badges

2 Comments

Sen Jacob Over a year ago

Is it for midlle mouse wheel scroll? I'm asking about middle mouse button click, which activates a scroll mode in browsers.

Dhanunjai Over a year ago

that was for middle mouse scroll. For middle mouse button click, listen to mousedown event. Event data has information about which button was clicked - left, right or middle and cancel default behaviour when middle button clicked.

Collectives™ on Stack Overflow

Cancel middle mouse button scroll mode using Javascript

2 Answers 2

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related