tutorial pengembangan web terbaru
 

Acara onwheel

<Object Acara

Contoh

Ketika pengguna gulungan roda mouse di atas <div> elemen, mengubah font-size-nya:

document.getElementById("myDIV").addEventListener("wheel", myFunction);

function myFunction() {
    this.style.fontSize = "35px";
}
Cobalah sendiri "

Definisi dan Penggunaan

Acara onwheel terjadi ketika roda mouse yang digulung atau ke bawah elemen.

Acara onwheel juga terjadi ketika pengguna gulungan atau membesarkan atau keluar dari sebuah elemen dengan menggunakan touchpad (like the "mouse" of a laptop) .

Dukungan Browser

Angka-angka dalam tabel menentukan versi browser pertama yang mendukung penuh acara tersebut.

Peristiwa
onwheel 31.0 9.0 17,0 Tidak didukung 18.0

Catatan: Dalam IE, acara roda hanya didukung dengan addEventListener() metode. Tidak ada atribut onwheel pada objek DOM.

Sintaksis

Dalam HTML:

< Cobalah sendiri "

Dalam JavaScript:

object .onwheel=function(){ Cobalah sendiri "

Dalam JavaScript, menggunakan addEventListener() metode:

object .addEventListener("wheel", myScript );
Cobalah sendiri "

Catatan: addEventListener() metode tidak didukung di Internet Explorer 8 dan versi sebelumnya.

Rincian teknis

Gelembung: iya nih
dibatalkan: iya nih
jenis acara: WheelEvent
tag HTML yang didukung: Semua elemen HTML
DOM Versi: Level 3 Acara
<Object Acara