sự kiện onwheel
Thí dụ
Khi người dùng cuộn con lăn chuột qua phần tử <div>, hãy thay đổi kích thước phông chữ của phần tử đó:
document.getElementById("myDIV").addEventListener("wheel", myFunction);
function myFunction() {
this.style.fontSize = "35px";
}
Định nghĩa và Cách sử dụng
Sự kiện onwheel xảy ra khi con lăn chuột được cuộn lên hoặc xuống trên một 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ỏ một phần tử bằng cách sử dụng bàn di chuột (giống như "chuột" của máy tính xách tay).
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ sự kiện.
| Event | |||||
|---|---|---|---|---|---|
| onwheel | 31.0 | 9.0 | 17.0 | Not supported | 18.0 |
Lưu ý: Trong IE, sự kiện bánh xe chỉ được hỗ trợ với phương thức addEventListener (). Không có thuộc tính onwheel trên các đối tượng DOM.
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);
Lưu ý: Phương thức addEventListener () không được hỗ trợ trong Internet Explorer 8 và các phiên bản trước đó.
Chi tiết kỹ thuật
| Bong bóng: | Đúng |
|---|---|
| Có thể hủy bỏ: | Đúng |
| Loại sự kiện: | WheelEvent |
| Các 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 |