判断鼠标移动方向

最新推荐文章于 2024-07-03 09:25:17 发布

「已注销」

最新推荐文章于 2024-07-03 09:25:17 发布

阅读量1.1k

点赞数

文章标签：移动鼠标

<html>
<head>
<title>JavaScript判断鼠标滚轮滚动方向- www.mb5u.com </title>
<script type="text/javascript">
function handle(delta) {
var s = delta + ": ";
if (delta <0)
s += "您在向下滚……";
else
s += "您在向上滚……";
document.getElementById('delta').innerHTML = s;
}//from www.mb5u.com

function wheel(event){
var delta = 0;
if (!event) event = window.event;
if (event.wheelDelta) {
delta = event.wheelDelta/120;
if (window.opera) delta = -delta;
} else if (event.detail) {
delta = -event.detail/3;
}
if (delta)
handle(delta);
}
if (window.addEventListener)
window.addEventListener('DOMMouseScroll', wheel, false);
window.onmousewheel = document.onmousewheel = wheel;
</script>
</head>
<body>
<div id="delta">滚动中轮试试~请选按着中轮滚动，激活后可以不按，直接滚动。</div>
</body>
</html>