Sự kiện onwheel
Đị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"; }
Cú pháp
Trong HTML:
<element onwheel="myScript">
Trong JavaScript:
object.onwheel = function(){myScript};
Trong JavaScript, sử dụng phương thức addEventListener():
object.addEventListener("wheel", myScript);
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.