Sự kiện onwheel

Posted by: admin in Thư viện sự kiện HTML 0

« Thuộc tính sự kiện trong HTML

<!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>

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.

WebVN Cộng đồng web Việt Nam