概述
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的事件系统](/uploads/reation/bcimg11.png)
发表评论 取消回复