只有當鼠標懸停在某個物體上時纔會滾動事件

Question

我有一個頁面，上面有一個可以放大和縮小的對象。現在我想找到一種方法來運行一個特殊的縮放功能，如果用戶在此時滾動並且光標位於此對象之上。

如果光標位於其他位置，則頁面應該正常滾動，但如果光標位於此對象上，頁面不應移動。

什麼，我現在有就是，有可能是一個額外的功能，它可以檢測，如果光標在圖像並保存它，但這並不阻止該網頁滾動

Answer 1

您可以使用mouseover問題和mouseout或mouseenter和mouseleave事件來檢測光標是否在圖像上。您還可以使用mousewheel事件並停止傳播並防止默認行爲。

document.getElementById("noscroll").addEventListener("mousewheel", function (event) { 
    event.preventDefault(); 
    event.stopPropagation(); 
}, false);