ऑनव्हील घटना
उदाहरण
जब उपयोगकर्ता माउस व्हील को <div> तत्व पर घुमाता है, तो उसका फ़ॉन्ट-आकार बदलें:
document.getElementById("myDIV").addEventListener("wheel", myFunction);
function myFunction() {
this.style.fontSize = "35px";
}
परिभाषा और उपयोग
ऑनव्हील घटना तब होती है जब माउस व्हील को किसी तत्व के ऊपर या नीचे घुमाया जाता है।
ऑनव्हील घटना तब भी होती है जब उपयोगकर्ता टचपैड (जैसे लैपटॉप के "माउस") का उपयोग करके किसी तत्व को स्क्रॉल या ज़ूम इन या आउट करता है।
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से ईवेंट का समर्थन करता है।
Event | |||||
---|---|---|---|---|---|
onwheel | 31.0 | 9.0 | 17.0 | Not supported | 18.0 |
नोट: IE में, व्हील इवेंट केवल addEventListener () विधि द्वारा समर्थित है। डोम ऑब्जेक्ट्स पर कोई ऑनव्हील विशेषता नहीं है।
वाक्य - विन्यास
एचटीएमएल में:
<element onwheel="myScript">
जावास्क्रिप्ट में:
object.onwheel = function(){myScript};
जावास्क्रिप्ट में, addEventListener() विधि का उपयोग करना:
object.addEventListener("wheel", myScript);
नोट: AddEventListener () विधि Internet Explorer 8 और पुराने संस्करणों में समर्थित नहीं है।
टेक्निकल डिटेल
बुलबुले: | हां |
---|---|
रद्द करने योग्य: | हां |
घटना प्रकार: | व्हीलइवेंट |
समर्थित HTML टैग: | सभी HTML तत्व |
डोम संस्करण: | स्तर 3 की घटनाएँ |