Peristiwa onwheel

Peristiwa DOM WheelEvent

Definisi dan penggunaan

Peristiwa onwheel terjadi saat roda mouse menggulir ke atas atau ke bawah di atas elemen.

Peristiwa onwheel juga terjadi saat pengguna menggulir, memperbesar atau memperkecil elemen dengan pad touch.

Contoh

Ganti ukuran font elemen <div> saat pengguna menggulir roda mouse di atasnya:

document.getElementById("myDIV").addEventListener("wheel", myFunction);
function myFunction() {
  this.style.fontSize = "35px";
}

Coba sendiri

Syarat

Dalam HTML:

<elemen onwheel="myScript">

Coba sendiri

Dalam JavaScript:

objek.onwheel = function(){myScript};

Coba sendiri

Dalam JavaScript, gunakan metode addEventListener():

objek.addEventListener("wheel", myScript);

Coba sendiri

Keterangan:Internet Explorer 8 atau versi yang lebih awal tidak mendukung Metode addEventListener().

Detil teknis

Bubbling: Dukungan
Bisa dibatalkan: Dukungan
Tipe peristiwa: WheelEvent
Tanda tangan HTML yang didukung: Semua elemen HTML
Versi DOM: Peristiwa Level 3

Dukungan Peramban

Angka di tabel menunjukkan versi paling awal peramban yang mendukung peristiwa ini.

peristiwa Chrome IE Firefox Safari Opera
onwheel 31.0 9.0 17.0 Tidak disokong 18.0

Keterangan:Dalam IE, hanya melalui method addEventListener() yang menyokong peristiwa wheel. Tiada properti onwheel di atas objek DOM.

Peristiwa DOM WheelEvent