19/09/2018, 14:54
Sự kiện onwheel
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 < ! DOCTYPE html > < html > < head > <style> #myDIV { border : 1px solid black ; } ...
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
<!DOCTYPE html> <html> <head> <style> #myDIV { border: 1px solid black; } </style> </head> <body> <div id="myDIV" onwheel="myFunction()">Ví dụ này sẽ hướng dẫn cho bạn cách thêm sự kiện "onwheel" vào trong thẻ DIV. Lăn chuột lên hoặc xuống trong khi vực này (chuột giữa)!</div> <p>Hàm sẽ được kích hoạt để đổi kích cỡ chữ sang 35px khi bạn cuộn chuột giữa lên hoặc xuống trong thẻ div.</p> <p><strong>Lưu ý:</strong> Sự kiện onwheel không được hỗ trợ trong Internet Explorer và Safari.</p> <script> function myFunction() { document.getElementById("myDIV").style.fontSize = "35px"; } </script> </body> </html> |
Demo
Định nghĩa và cách sử dụng
Thuộc tính onwheel được kích hoạt khi người dùng lăn chuột lên hoặc xuống trong thẻ (chuột giữa).
Thuộc tính onwheel cũng được kích hoạt khi người dùng lăn hoặc hoặc phóng to thu nhỏ bằng chuột trên laptop (touchpad).
Trình duyệt hỗ trợ
Số trong bảng dưới đây thể hiện phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ cho thuộc tính.
| Thuộc tính |  |
 |
 |
 |
 |
|---|---|---|---|---|---|
| onwheel | 31.0 | 17.0 | Không hỗ trợ | Không hỗ trợ | 18.0 |
Khác biệt giữa HTML 4.01 và HTML5
onwheel là thuộc tính mới trong HTML5.
Cú pháp
|
1 |
<element onwheel="script"> |
Giá trị thuộc tính
| Giá trị | Miêu tả |
|---|---|
| script | Chạy script khi thuộc tính được kích hoạt |
Chi tiết
Thuộc tính được sử dụng trong tất cả các thẻ HTML.
