scroll ईवेंट माउस "स्क्रॉल" क्रिया को कैप्चर नहीं करता है, बल्कि पृष्ठ स्क्रॉल क्रिया को कैप्चर करता है।

इसका मतलब यह है कि वास्तव में स्क्रॉल करने के लिए बहुत छोटे पृष्ठों पर, उपयोगकर्ता की स्क्रॉल क्रिया का पता लगाना संभव नहीं है (उदाहरण के लिए इसे ज़ूम एक्शन में अनुवाद करना)।

यह देखने के लिए कि मेरा क्या मतलब है, निम्नलिखित दो की तुलना करें:

https://jsfiddle.net/r8aykcut/1/
https://jsfiddle.net/r8aykcut/2/

पृष्ठ स्क्रॉल किए बिना माउस स्क्रॉल ईवेंट सुनने का कोई तरीका है?

1
brentonstrine 28 मार्च 2018, 06:45

3 जवाब

सबसे बढ़िया उत्तर

मुझे लगता है कि आप व्हील इवेंट का उपयोग कर सकते हैं। जब एक पॉइंटिंग डिवाइस (आमतौर पर एक माउस) के व्हील बटन को घुमाया जाता है तो व्हील इवेंट को निकाल दिया जाता है। यह संदर्भ लिंक है: व्हील इवेंट

1
ioopsd 28 मार्च 2018, 04:05

आपने स्क्रॉल श्रोता जोड़ा है। पेज स्क्रॉल होने पर यह सुनेगा। आपको व्हील श्रोता का उपयोग करना होगा।

document.addEventListener("wheel", detect);
function detect (e) {

console.log(e)

};

उपरोक्त कोड आपके लिए काम करेगा।

1
Bhavik vora 28 मार्च 2018, 04:26

आप इस श्रोता का उपयोग कर सकते हैं

 addEventListener("wheel", anyFunctionYouWant ); 

आपको इस श्रोता को अपने किस तत्व में सेट करना होगा, आप ज़ूम करना चाहते हैं

उदाहरण के लिए यदि आपके पास ऐसा कुछ है

<div class="wraper">
   <div>
      <div id="ele" ></div>
   </div>
</div>

इस श्रोता को .wraper के लिए सेट करें, ऐसा इसलिए है क्योंकि मुझे लगता है कि आप Google मानचित्र में ज़ूमिंग जैसी कुछ चीज़ चाहते हैं, यदि आप इसे चाहते हैं, तो आपके पास फ़ंक्शन है, और आपका फ़ंक्शन ट्रिगर है यदि उपयोगकर्ता आपके मानचित्र पर स्क्रॉल करता है (ज़ूम इन/आउट के लिए), और कर्सर आपके उस तत्व पर सेट होना चाहिए, श्रोता होना चाहिए

1
hamidreza nikoonia 28 मार्च 2018, 04:00