Home >Web Front-end >JS Tutorial >JS implements code to determine whether the mouse is scrolling
This article mainly shares with you the JS implementation to determine whether the mouse is rolling. It is mainly shared with you in the form of code. I hope it can help you.
<script> var scrollFunc = function (e) { var direct = 0; e = e || window.event; if (e.wheelDelta) { //判断浏览器IE,谷歌滑轮事件 if (e.wheelDelta > 0) { //当滑轮向上滚动时 alert("滑轮向上滚动"); } if (e.wheelDelta < 0) { //当滑轮向下滚动时 alert("滑轮向下滚动"); } } else if (e.detail) { //Firefox滑轮事件 if (e.detail> 0) { //当滑轮向上滚动时 alert("滑轮向上滚动"); } if (e.detail< 0) { //当滑轮向下滚动时 alert("滑轮向下滚动"); } } ScrollText(direct); } //给页面绑定滑轮滚动事件 if (document.addEventListener) { document.addEventListener('DOMMouseScroll', scrollFunc, false); } //滚动滑轮触发scrollFunc方法 window.onmousewheel = document.onmousewheel = scrollFunc; </script>
Related recommendations:
Detailed explanation of js to determine whether the content area is scrolled to the bottom
The above is the detailed content of JS implements code to determine whether the mouse is scrolling. For more information, please follow other related articles on the PHP Chinese website!