Làm thế nào để vô hiệu hóa nút bấm bánh xe chuột?

Question

Tôi đang cố gắng tìm cách tắt hành động mặc định của nút bánh xe chuột để mở liên kết trong tab mới.

Điều đó có khả thi không?

Answer 1

Bind a generic click event handler that specifically checks for middle clicks. Trong trình xử lý sự kiện đó, hãy gọi e.preventDefault():

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

Lưu ý rằng không phải tất cả trình duyệt đều hỗ trợ ngăn chặn hành động mặc định này. Đối với tôi, nó chỉ hoạt động trong Chrome. Firefox, Opera và IE9 tất cả đều không tăng sự kiện nhấp chuột với nhấp chuột giữa. Họ làm tăng mouseup và mousedown.

Answer 2

Disable sự kiện bánh xe chuột bằng cách sử dụng JAVASCRIPT:

Trong IE:

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

Trong Safari:

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

Trong Opera:

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

Trong Firefox:

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

Answer 3

này làm việc cho tôi ...

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

Answer 4

Mã của tôi:

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