Come disattivare la rotellina del mouse Fare clic sul pulsante?

Question

Sto cercando di trovare un modo per disattivare l'azione predefinita del pulsante della rotellina del mouse che è quello di aprire il collegamento in una nuova scheda.

È possibile?

Answer 1

Bind a generic click event handler that specifically checks for middle clicks. All'interno di questo gestore di eventi, chiamare e.preventDefault():

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

Nota che non tutti i browser supportano la prevenzione di questa azione di default. Per me funziona solo su Chrome. Firefox, Opera e IE9 non sollevano l'evento click con il clic del mouse centrale. Stanno alzando mouse e mouse.

Answer 2

Disabilita evento rotella del mouse utilizzando Javascript:

In IE:

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

In Safari:

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

In Opera:

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

In Firefox:

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

Answer 3

Questo funziona per me ...

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

Answer 4

Il mio codice:

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