Thuộc tính deltaY của WheelEvent

Sự kiện DOM WheelEvent

Định nghĩa và cách sử dụng

Thuộc tính deltaY trả về giá trị dương khi cuộn xuống, giá trị âm khi cuộn lên, và 0 nếu không cuộn.

Chú thích:Thuộc tính này chỉ đọc.

Thực hành

Ví dụ 1

Trả về người dùng cuộn lên hay xuống:

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

thử riêng mình

Ví dụ 2

Cuộn trong DIV để làm cho nó lớn hơn hoặc nhỏ hơn:

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

thử riêng mình

语法

event.deltaY

Chi tiết kỹ thuật

Giá trị trả về: Giá trị loại Double, chỉ ra hướng cuộn của bánh xe chuột.

Hỗ trợ trình duyệt

Thuộc tính Chrome IE Firefox Safari Opera
deltaY 31 Hỗ trợ 17 Không hỗ trợ 18

Trang liên quan

Tài liệu tham khảo HTML DOM:Thuộc tính deltaX của WheelEvent

Sự kiện DOM WheelEvent