Wie bekomme ich Mausrad-Ereignis in Javascript Firefox

Question

Ich baue eine Website, und ich muss Mausrad Ereignis zu bekommen. Um das zu tun, habe ich folgende Methoden versucht:

//For Chrome 
window.addEventListener('mousewheel', func); 

// For Firefox 
window.addEventListener('DOMMouseScroll', func); 

Dieser funktioniert nur auf Chrom. ↑

mapDiv.onmousewheel = function(e){ 
    func(e); 
} 

Auch dieses funktioniert nicht auf Firefox. Ich habe auch versucht, die vorgeschlagene Lösung this Webseite, aber das führte auch zu Code nur auf Chrom arbeiten.

Also, wie um dieses Problem zu lösen, und auch Lösung kompatibel zu so viel wie möglich modernen Browsern?

Answer 1

Wenn Sie die Dokumentation lesen, sehen Sie mousewheel ist nicht standard und schlagen vor, wheel Ereignis zu verwenden.

Siehe hier: https://developer.mozilla.org/en-US/docs/Web/Events/mousewheel

, die auf https://developer.mozilla.org/en-US/docs/Web/Events/wheel Manchmal

bezieht, die Unterlagen über das Problem automatisch lösen.

sollten Sie wie folgt verwenden:

// standard for all browsers 
window.addEventListener('wheel', func); 

Und hier sind Sie ein Implementierungsbeispiel für die Kompatibilität mit älteren und modernen Browsern:

https://developer.mozilla.org/en-US/docs/Web/Events/wheel#Listening_to_this_event_across_browser