我正在建立一个网站,我需要获得鼠标滚轮事件。为此,我尝试了以下方法:
//For Chrome
window.addEventListener('mousewheel', func);
// For Firefox
window.addEventListener('DOMMouseScroll', func);
这个只适用于chrome。 ↑
mapDiv.onmousewheel = function(e){
func(e);
}
这个也没有在firefox上工作。 我还尝试过在this网页上建议的解决方案,但这也导致代码只能用于Chrome。
那么如何解决这个问题,并尽可能使解决方案与现代浏览器兼容?
答案 0 :(得分:1)
如果您阅读文档,则会看到mousewheel
不合标准,建议您使用wheel
事件。
见这里:https://developer.mozilla.org/en-US/docs/Web/Events/mousewheel
指的是https://developer.mozilla.org/en-US/docs/Web/Events/wheel
有时,文档会自动解决问题。
你应该这样使用:
// standard for all browsers
window.addEventListener('wheel', func);
在这里,您是与旧版和现代版浏览器兼容的实现示例:
https://developer.mozilla.org/en-US/docs/Web/Events/wheel#Listening_to_this_event_across_browser