判断鼠标移动方向
2016-11-24 16:16
726 查看
<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>
<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>
相关文章推荐
- as3 判断鼠标移动方向
- jquery判断鼠标移动方向--版本2
- c#判断鼠标移动的方向调整矩形大小
- js判断鼠标移动方向
- 向量叉积应用-判断鼠标移动方向
- javascript判断鼠标移动方向
- div鼠标移入移出的方向判断
- unity3D中如何分别获取pc端鼠标的滑动方向和andriod移动平台上手指的滑动方向?
- 判断鼠标从div的哪一方向划入
- as3 判断移动方向
- wpf 判断鼠标在一段时间内是否移动 分类: .NET 2012-04-21 15:19 1408人阅读 评论(0) 收藏
- JS判断鼠标从什么方向进入一个容器实例说明
- 判断鼠标滚动方向
- wpf 判断鼠标在一段时间内是否移动
- JS判断鼠标进入或离开容器的方向做出特殊hover效果
- JavaScript检测鼠标移动方向的方法
- Uniyt3d物体跟随鼠标方向移动
- 判断页面鼠标滚动的方向
- 移动应用滑动屏幕方向判断解决方案,JS判断手势方向
- 【ActionScript】使用鼠标移动元件与元件相交判断函数hitTest