如何禁用鼠標滾輪點擊按鈕？

Question

我試圖找到一種方法來禁用鼠標滾輪按鈕的默認動作，即打開新選項卡中的鏈接。

這可能嗎？

Answer 1

Bind a generic click event handler that specifically checks for middle clicks。在該事件處理程序，調用e.preventDefault()：

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

請注意，並非所有的瀏覽器都支持防止這種默認操作。對我而言，它只適用於Chrome。 Firefox，Opera和IE9都不會通過鼠標中鍵單擊來引發點擊事件。他們確實會提高鼠標和mousedown。

Answer 2

禁用鼠標滾輪事件通過使用JAVASCRIPT：

在IE：

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

在的Safari：

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

在歌劇：

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

在火狐：

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

Answer 3

這對我的作品......

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

Answer 4

我的代碼：

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