Sự kiện onwheel

Sự kiện DOM WheelEvent

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

Sự kiện onwheel xảy ra khi con lăn chuột cuộn lên hoặc xuống trên phần tử.

Sự kiện onwheel cũng xảy ra khi người dùng cuộn hoặc phóng to hoặc thu nhỏ phần tử bằng con trỏ cảm ứng.

Mô hình

Khi người dùng cuộn lăn chuột trên phần tử <div>, thay đổi kích thước font của nó:

document.getElementById("myDIV").addEventListener("wheel", myFunction);
function myFunction() {
  this.style.fontSize = "35px";
}

Thử ngay

Cú pháp

Trong HTML:

<element onwheel="myScript">

Thử ngay

Trong JavaScript:

object.onwheel = function(){myScript};

Thử ngay

Trong JavaScript, sử dụng phương thức addEventListener():

object.addEventListener("wheel", myScript);

Thử ngay

Chú ý:Internet Explorer 8 hoặc các phiên bản sớm hơn không hỗ trợ Phương thức addEventListener().

Chi tiết kỹ thuật

Bubbling: Hỗ trợ
Có thể hủy bỏ: Hỗ trợ
Loại sự kiện: WheelEvent
Thẻ HTML được hỗ trợ: Tất cả các phần tử HTML
Phiên bản DOM: Sự kiện cấp 3

Hỗ trợ trình duyệt

Số trong bảng ghi chú phiên bản trình duyệt đầu tiên hỗ trợ hoàn toàn sự kiện này.

sự kiện Chrome IE Firefox Safari Opera
onwheel 31.0 9.0 17.0 Không hỗ trợ 18.0

Chú ý:Trong IE, chỉ hỗ trợ sự kiện wheel thông qua phương thức addEventListener(). Trên đối tượng DOM không có thuộc tính onwheel.

Sự kiện DOM WheelEvent