ویژگی deltaY برای WheelEvent

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

技术细节

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

浏览器支持

属性 Chrome IE Firefox Safari Opera
deltaY 31 支持 17 不支持 18

相关页面

HTML DOM 参考手册：WheelEvent deltaX ɗanar

DOM 事件 WheelEvent