Cómo deshabilitar la rueda del mouse, haga clic en el botón?

Question

Estoy tratando de encontrar una manera de deshabilitar la acción predeterminada del botón de la rueda del mouse, que es abrir el enlace en una nueva pestaña.

¿Es esto posible?

Answer 1

Bind a generic click event handler that specifically checks for middle clicks. Dentro de ese controlador de eventos, llame e.preventDefault():

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

Tenga en cuenta que no todos los navegadores son compatibles con la prevención de esta acción por defecto. Para mí, solo funciona en Chrome. Firefox, Opera e IE9 no levantan el evento click con un clic en el medio del mouse. Aumentan mouseup y mousedown.

Answer 2

Desactivar evento rueda del ratón mediante el uso de JavaScript:

En IE:

document.attachEvent('onmousewheel', function(e){ 
    if (!e) var e = window.event; 
    e.returnValue = false; 
    e.cancelBubble = true; 
    return false; 
}, false); 

En Safari:

document.addEventListener('mousewheel', function(e){ 
    e.stopPropagation(); 
    e.preventDefault(); 
    e.cancelBubble = false; 
    return false; 
}, false); 

En Opera:

document.attachEvent('mousewheel', function(e){ 
    if (!e) var e = window.event; 
    e.returnValue = false; 
    e.cancelBubble = true; 
    return false; 
}, false); 

En Firefox:

document.addEventListener('DOMMouseScroll', function(e){ 
    e.stopPropagation(); 
    e.preventDefault(); 
    e.cancelBubble = false; 
    return false; 
}, false); 

Answer 3

Esto funciona para mí ...

$(document).on("mousedown", "selector", function (ev) { 
    if (ev.which == 2) { 
     ev.preventDefault(); 
     alert("middle button"); 
     return false; 
    } 
}); 

Answer 4

Mi código:

$(document).on('auxclick', 'a', function(e) { 
if (e.which === 2) { //middle Click 
    e.preventDefault(); 
    e.stopPropagation(); 
    e.stopImmediatePropagation(); 
    return false; 
} 
return true;