轻松上手,快乐学习!
HTML CSS JAVASCRIPT SQL PYTHON MYSQL PHP GIT 问答 工具 导航 更多 实例 参考

WheelEvent deltaY 属性

❮ DOM 事件 ❮ WheelEvent

实例

返回用户是向上还是向下滚动：

function myFunction(event) {
  var y = event.deltaY;
}
亲自试一试 »

定义和用法

deltaY 属性在向下滚动时返回正值，向上滚动时返回负值，否则为 0。

注释：该属性是只读的。

浏览器支持

属性
deltaY 31 yes 17 不支持 18

语法

event.deltaY

技术细节

返回值: Double 型值，指示鼠标滚轮的滚动方向。

相关页面

HTML DOM 参考手册: WheelEvent deltaX 属性

更多实例

实例

在 DIV 内滚动以使其更大/更小：

function myFunction(event) {
  var y = event.deltaY;
  var currentSize = event.target.style.width;
  if (y > 0) {
    newSize = parseInt(currentSize) + 10;
  } else {
    newSize = parseInt(currentSize) - 10;
  }
  event.target.style.width = newSize + "px";
  event.target.style.height = newSize + "px";
}
亲自试一试 »

❮ DOM 事件 ❮ WheelEvent