如何禁用鼠标滚轮点击按钮？

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;