Thực thi script khi cuộn chuột lên/xuống trên phần tử trong HTML?

Thuộc tính onwheel kích hoạt khi cuộn chuột lên hoặc xuống trên một phần tử. Bạn có thể chạy mã sau để triển khai thuộc tính onwheel:

Ví dụ

<!DOCTYPE html>
<html>
  <body>
    <h3 id="myid" onwheel="mouseWheel()">
      Đây là tiêu đề demo.
    </h3>
    <p>Nhấn vào trên và dùng cuộn chuột để đổi màu tiêu đề.</p>
    <script>
      function mouseWheel() {
        document.getElementById("myid").style.color = "red";
      }
    </script>
  </body>
</html>