Acara di atas roda
Contoh
Saat pengguna memutar roda mouse di atas elemen <div>, ubah ukuran fontnya:
document.getElementById("myDIV").addEventListener("wheel", myFunction);
function myFunction() {
this.style.fontSize = "35px";
}
Definisi dan Penggunaan
Peristiwa onwheel terjadi ketika roda mouse digulung ke atas atau ke bawah di atas suatu elemen.
Peristiwa onwheel juga terjadi saat pengguna menggulir atau memperbesar atau memperkecil elemen dengan menggunakan touchpad (seperti "mouse" laptop).
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung acara tersebut.
Event | |||||
---|---|---|---|---|---|
onwheel | 31.0 | 9.0 | 17.0 | Not supported | 18.0 |
Catatan: Di IE, peristiwa roda hanya didukung dengan metode addEventListener(). Tidak ada atribut onwheel pada objek DOM.
Sintaksis
Dalam HTML:
<element onwheel="myScript">
Dalam JavaScript:
object.onwheel = function(){myScript};
Dalam JavaScript, menggunakan metode addEventListener() :
object.addEventListener("wheel", myScript);
Catatan: Metode addEventListener() tidak didukung di Internet Explorer 8 dan versi yang lebih lama.
Detail Teknis
Gelembung: | Ya |
---|---|
Dapat dibatalkan: | Ya |
Jenis acara: | Acara Roda |
Tag HTML yang didukung: | Semua elemen HTML |
Versi DOM: | Acara Tingkat 3 |