如何在div中禁用鼠標滾輪點擊？

我正在爲我的客戶端構建應用程序，我無法弄清楚如何在div中禁用鼠標滾輪單擊。我知道你可以做到這一點，因爲我以前做過，但完全忘了它。基本上，當我將鼠標懸停在div上，然後單擊鼠標滾輪然後向下拖動鼠標時，它基本上會拖動整個頁面。有沒有辦法只是禁用鼠標滾輪點擊，然後拖動整個動作？如何在div中禁用鼠標滾輪點擊？

來源

2013-07-07 Adrian

使用chrome調試器，我看到有一個mousewheel事件文件。不能讓它觸發，雖然 – Skarlinski

只是簡單地添加鼠標滾輪事件處理程序虛擬函數並丟棄事件。 http://www.sitepoint.com/html5-javascript-mouse-wheel/ –

嗯，chrome將這個輪子點擊事件記錄爲一個常規的mousedown事件 – Skarlinski

$(document).on('click', function(e){ 
    if(e.which == 2){ 
     e.preventDefault(); //stop default click action from mousewheel 
    } 
});

jsFiddle

只需更換document爲div的問題的選擇。

來源

2013-07-07 19:20:17 Ohgodwhy

感謝您的回答。出於某種奇怪的原因，這在我的應用程序中不起作用。是的，這是我之前做的停止這一行動的同樣的事情，它對我以前的應用程序起作用，但不是這個。我認爲我的CSS可能有問題。我的div元素有一個固定的位置，100％的高度，z-index函數和溢出隱藏在其中。 – Adrian

@Adrian請將相關的HTML文件發佈到jsFiddle中，以便我可以更好地解決此問題。 – Ohgodwhy

到目前爲止，任何可行的解決方案傢伙？ –

如何在div中禁用鼠標滾輪點擊？

回答

相關問題