仅当悬停在某个对象上时滚动事件

Question

我有一个包含放大和缩小对象的页面。现在我想找到一种方法来运行一个特殊的缩放功能，如果用户滚动，此时光标在这个对象上。

如果光标位于其他位置，页面应滚动正常，但如果光标位于此对象上，则页面不应移动。

我现在遇到的问题是，可能有一个额外的功能可以检测光标是否在图像上并保存，但这不会阻止页面滚动

Answer 1

您可以使用mouseover和mouseout或mouseenter和mouseleave事件来检测光标是否在图像上方。您还可以使用mousewheel事件并停止传播并阻止默认行为。

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