js监听鼠标滚动事件

js中监听鼠标滚动事件，事件的名称是“mousewheel”，按正常的事件绑定即可，其中有两点关于firefox浏览器的需要注意：

1、firefox浏览器的事件名称是“DOMMouseScroll”

2、firefox的滑动值和正常的相反的

<!DOCTYPE html>
<html class="no-js"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title></title><meta name="description" content=""><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="">
</head><body><div style="height:5000px"></div><script type="text/javascript">document.onmousewheel = function (e) {if (e.wheelDelta > 0) {console.log('向上滑');} else {console.log('向下滑');}}//火狐浏览器document.addEventListener('DOMMouseScroll', (e) => {if (e.detail > 0) {console.log('向下滑');} else {console.log('向上滑');}}, false);</script>
</body></html>