JS检测屏幕(鼠标或触屏)滚动方向
原理:window/document对象的mousewheel事件
var scrollFunc = function (e) {
var direct = 0;
e = e || window.event;
if (e.wheelDelta) {
//判断浏览器IE,谷歌滑轮事件
if (e.wheelDelta > 0) { //当滑轮向上滚动时
console.log("滑轮向上滚动");
}
if (e.wheelDelta < 0) { //当滑轮向下滚动时
console.log("滑轮向下滚动");
}
}
else if (e.detail) {//Firefox滑轮事件
if (e.detail> 0) { //当滑轮向上滚动时
console.log("滑轮向上滚动");
}
if (e.detail< 0) { //当滑轮向下滚动时
console.log("滑轮向下滚动");
}
}
};
//给页面绑定滑轮滚动事件if (document.addEventListener) {
document.addEventListener('DOMMouseScroll', scrollFunc, false);
}
//滚动滑轮触发scrollFunc方法
window.onmousewheel = document.onmousewheel = scrollFunc;
推荐阅读
- opencv|C++ OpenCV霍夫变换--圆检测
- OpenCV|霍夫圆检测(HoughCircles)
- Python+OpenCV实现鼠标画瞄准星的方法详解
- OpenCV实现Sobel边缘检测的示例
- 如何使用动态活体检测API
- 拓端tecdat|拓端tecdat|R语言复杂网络分析(聚类(社区检测)和可视化)
- 目标检测|【目标检测】yolo系列(从yolov1到yolov5之YOLOv5训练自己数据集(v6.0))
- 目标检测|目标检测之YOLOv1源码解析
- 数据集归纳|目标检测、工业缺陷、图像分割----深度学习数据集归纳
- 软件测试基本流程有哪些?权威的第三方软件检测机构推荐