js 鼠标滚轮（滑轮）事件捕捉
判断滚轮向上或向下在浏览器中也要考虑兼容性，现在五大浏览器（IE、Opera、Safari、Firefox、Chrome）中Firefox 使用detail，其余四类使用wheelDelta；两者只在取值上不一致，代表含义一致，detail与wheelDelta只各取两个值，detail只取±3，wheelDelta只取±120，其中正数表示为向上，负数表示向下。
<script type="text/javascript">
var scrollFunc=function(e){
var direct=0;
e=e || window.event;
if(e.wheelDelta){//IE/Opera/Chrome
userMouse(e.wheelDelta);
}else if(e.detail){//Firefox
userMouse(e.wheelDelta);
}
}
/*注册事件*/
if(document.addEventListener){
document.addEventListener(’DOMMouseScroll’,scrollFunc,false);
}//W3C
window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome/Safari
//自己的函数
function userMouse(flage){
if(flage == 3){
alert("firefox下鼠标向上滚动！");
}else if(flage == -3){
alert("firefox下鼠标向下滚动！");
}else if(flage == 120){
alert("IE下鼠标向上滚动！");
}else if(flage == -120){
alert("IE下鼠标向下滚动！");
}
}
</script>
相关文章
- offsetLeft,scrollLeft,offsetTop,scrollTop,clientX,(2011-8-2 20:6:28)
- js使用onpropertychange,oninput事件解决onchange事件的不足(2011-7-26 9:38:52)
- 收集js map框架(2011-7-25 13:35:37)
- Google提供的jQuery 怎么使用？(2011-7-18 17:3:19)
- JS对象模型-执行模型(2011-7-11 16:20:46)
- 调用IE7 JS Library库巧解IE兼容性问题(2011-7-11 16:13:49)
- 使用jquery图片延迟加载插件jquery.lazyload实现图片延迟加载提高网站打开速度(2011-6-20 11:21:58)
- 浅析Node.js：一个“编码就绪”服务器(2011-6-17 9:26:10)
- 【信息图表】Javascript框架和jQuery(2011-6-17 9:23:45)
- 用于图片处理的10个超级jQuery插件(2011-6-17 9:22:37)
