2011-03-23 15 views
8

मुझे फ़ायरफ़ॉक्स में HTML5 कैनवास में MouseWheel ईवेंट नहीं मिल रहा है। निम्नलिखित स्निपेट क्रोम और IE9 में अपेक्षा के अनुरूप काम करता है, लेकिन फ़ायरफ़ॉक्स में मैं केवल क्लिक करें घटना प्राप्त करते हैं:एचटीएमएल 5 कैनवास माउस व्हील इवेंट

<!DOCTYPE html> 
<html> 
<body> 
<canvas id="TestCanvas" tabindex="2" onmousewheel="window.alert('wheel!')" onclick="window.alert('click!')" style="width:90%;height:90%;margin-left:auto;margin-right:auto border:1px solid green;"></canvas> 
</body> 
</html> 

विनिर्देशों मैंने देखा है के अनुसार, onMouseWheel एचटीएमएल 5 तत्वों पर एक मानक उत्पादन होना चाहिए। क्या मुझसे कुछ गलत हो रही है?

उत्तर

11

फ़ायरफ़ॉक्स does not supportmousewheel ईवेंट। (मैं सिर्फ फ़ायरफ़ॉक्स 4 में परीक्षण किया है और लगता है जैसे कि यह अभी भी इसका समर्थन नहीं करता।)

आप, बजाय DOMMouseScroll घटना का उपयोग कर सकते, हालांकि आप DOM विशेषता के माध्यम से संलग्न नहीं कर सकते हैं। आपको इसके बजाय addEventListener का उपयोग करना होगा।

यह करने के लिए jQuery का उपयोग कर a jsFiddle example है।

+0

धन्यवाद नाथन, जो एफएफ 4 में काम करता है। क्या यह एक फ़ायरफ़ॉक्स-केवल घटना है? – Ryan

+0

@ रयान मुझे विश्वास है। –

संबंधित मुद्दे