Javascript 如何在页面不显示时检测鼠标滚动'；实际上不能滚动（因为它太小了）

scroll

事件不会捕获鼠标“滚动”动作，而是捕获页面滚动动作

这意味着在太小而无法实际滚动的页面上，无法检测用户的滚动动作（例如，将其转换为缩放动作）

要了解我的意思，请比较以下两个：

---

有没有一种方法可以在页面本身不滚动的情况下侦听鼠标滚动事件？

您可以使用此侦听器

 addEventListener("wheel", anyFunctionYouWant ); 

必须在要缩放的元素中设置此侦听器

例如，如果你有这样的东西

<div class="wraper">
   <div>
      <div id="ele" ></div>
   </div>
</div>

---

将此侦听器设置为.wrapper，这是因为我认为您需要一些类似于放大谷歌地图的功能，如果您需要此功能，您有函数，并且如果用户在地图上滚动（用于放大/缩小），您的函数将触发，并且光标必须设置在您的元素上，有侦听器我认为您可以使用wheel事件。 旋转定点设备（通常是鼠标）的控制盘按钮时触发控制盘事件。 这是参考链接：

---

您已经添加了滚动侦听器。当页面滚动时，它将侦听。您必须使用轮子侦听器

document.addEventListener("wheel", detect);
function detect (e) {

console.log(e)

};

---

以上代码适用于您。

仅链接，我自己不使用：