WheelEvent deltaY 属性

DOM-händelser WheelEvent

定义和用法

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

注释：该属性只读。

实例

例子 1

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

function myFunction(event) {
  var y = event.deltaY;
}

亲自试一试

例子 2

在 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";
}

亲自试一试

语法

event.deltaY

Tekniska detaljer

Returvärde: En Double-värde, som indikerar riktningen för musrullhjulet.

Webbläsarstöd

Egenskap Chrome IE Firefox Safari Opera
deltaY 31 Stödjer 17 Stödjer inte 18

Relaterade sidor

HTML DOM referenshandbok:WheelEvent deltaX-attribut

DOM-händelser WheelEvent