700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 【Javascript】【事件】监听鼠标滚轮事件

【Javascript】【事件】监听鼠标滚轮事件

时间:2021-12-11 20:50:14

相关推荐

【Javascript】【事件】监听鼠标滚轮事件

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);}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。