Chrome浏览器滚轮事件用的是mousewheel，滚动值用的是event.wheelDelta
Firefox浏览器滚轮事件用的是DOMMouseScroll，滚动值用的是event.detail
Firefox的滚动值很小，而且滚动方向相反
综合以上特点，最后封装的兼容代码如下：
//添加鼠标滚轮监听
export function addMouseWheelListener(element, callback) {
//接收字符串，DOM对象，JQuery对象等多种格式
element = TypeModule.toHtmlElement(element);
["mousewheel", "DOMMouseScroll"].forEach(eventType => {
element.addEventListener(eventType, event => {
event = event || window.event;
let dy = event.wheelDelta || event.detail * (-40);
callback(dy);
});
}, true);
}
最后
以上就是曾经世界最近收集整理的关于【Javascript】【事件】监听鼠标滚轮事件的全部内容，更多相关【Javascript】【事件】监听鼠标滚轮事件内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
![[UnityUI]UGUI的事件系统](https://file2.kaopuke.com:8081/files_image/reation/bcimg11.png)
发表评论 取消回复