En son web geliştirme öğreticiler

×

JavaScript Referans

JavaScript

JS sicim JS Numara JS Operatörler JS tablolar JS Matematik JS tarih JS Dizi JS Boole JS RegExp JS global JS dönüştürme

Tarayıcı BOM

Window Navigator Screen History Location

HTML DOM

DOM belge DOM Elementler DOM Nitelikler DOM Olaylar DOM stil

HTML Nesneler

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Diğer Nesneler

CSSStyleDeclaration

onwheel Olay

Örnek

Kullanıcı bir üzerine fare tekerleğini döndürdüğünde <div> elemanı, onun font-boyutunu değiştirmek:

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

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

Tanımı ve Kullanımı

fare tekerleği aşağı bir eleman üzerine sarılır ya da zaman onwheel olayı oluşur.

Onwheel olay da oluştuğunda bir dokunmatik ekranı kullanarak kaydırdığı ve bir öğenin veya uzaklaştırır (like the "mouse" of a laptop) .

Tarayıcı Desteği

Tablodaki rakamlar tamamen olayı destekleyen ilk tarayıcı sürümü belirtin.

Olay
onwheel	31.0	9.0	17.0	Desteklenmiyor	18.0

Not: IE, tekerlek etkinlik yalnızca desteklenir addEventListener() yöntemi. DOM nesneler üzerinde hiçbir onwheel nitelik yoktur.

Sözdizimi

HTML'de:

< Kendin dene "

JavaScript:

object .onwheel=function(){ Kendin dene "

JavaScript olarak, kullanılarak addEventListener() metodu:

object .addEventListener("wheel", myScript );

Not: addEventListener() metodu Internet Explorer 8 ve önceki sürümlerinde desteklenmez.

Teknik detaylar

Kabarcıklar:	Evet
iptal Edilebilir:	Evet
Etkinlik tipi:	WheelEvent
Desteklenen HTML etiketleri:	Tüm HTML öğeleri
DOM Versiyon:	Düzey 3 Olaylar