📌  相关文章
📜  HTML | DOM WheelEvent deltaX 属性(1)

📅  最后修改于: 2023-12-03 14:41:48.989000             🧑  作者: Mango

HTML | DOM WheelEvent deltaX 属性

deltaX 属性返回鼠标滚轮滚动时水平方向的滚动量。该属性仅在鼠标滚轮事件中可用。

语法
var deltaX = event.deltaX;
  • deltaX: 返回一个数字，表示鼠标滚轮滚动的水平方向滚动量。
浏览器兼容性

deltaX 属性在不同浏览器中的支持程度有所不同，请查看 Can I use 了解更多信息。

实例

以下示例演示了如何使用 deltaX 属性来监视滚轮事件中的水平方向滚动量。

<!DOCTYPE html>
<html>
<head>
  <title>WheelEvent deltaX属性</title>
</head>
<body>
  <p>使用鼠标滚轮滚动并观察输出结果:</p>

  <script>
    document.addEventListener("wheel", function(event) {
      console.log("水平方向滚动量: " + event.deltaX);
    });
  </script>
</body>
</html>
参考