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>