WheelEvent deltaY 属性

Événements DOM 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

Détails techniques

Valeur de retour : Valeur de type Double, indiquant la direction de défilement de la roulette de la souris.

Support du navigateur

Propriété Chrome IE Firefox Safari Opera
deltaY 31 Pris en charge 17 Non pris en charge 18

Pages associées

Manuel de référence HTML DOM :Propriété deltaX de l'événement WheelEvent

Événements DOM WheelEvent