ویژگی 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";
}

آزمایش شخصی کنید

قواعد

رویداد.deltaY

جزئیات فنی

ارزش بازگشتی: ارزش Double، نشان‌دهنده جهت چرخش موس رول است.

پشتیبانی مرورگر

ویژگی Chrome IE Firefox Safari Opera
deltaY 31 پشتیبانی می‌شود 17 پشتیبانی نمی‌شود 18

صفحات مرتبط

دستورالعمل HTML DOM DOM:ویژگی deltaX属性 WheelEvent

رویدادهای DOM WheelEvent