<html>
<head>
<meta charset=utf-8>
<title>yugi</title>
<style>
body{
height: 1111px
}
</style>
<script>
var agent = navigator.userAgent
if (/.*Firefox.*/.test(agent)) {
document.addEventListener("DOMMouseScroll", function(e) {
e = e || window.event
var detail = e.detail
if (detail >0) {
console.log("鼠标向下滚动")
} else {
console.warn("鼠标向上滚动")
}
})
} else {
document.onmousewheel = function(e) {
e = e || window.event
var wheelDelta = e.wheelDelta
if (wheelDelta >0) {
console.log("鼠标向上滚动")
} else {
console.warn("鼠标向下滚动")
}
}
}
</script>
</head>
<body>
</body>
</html>
<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>
