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