function mousewheel(obj,fn){

                obj.onmousewheel===null ? obj.onmousewheel=fun : obj.addEventListener('DOMMouseScroll',fun,false);

                function fun(e){
var e=e || event,
num=0; if(e.wheelDelta){
num=e.wheelDelta>0?1:-1;
}else{
num=e.detail<0?1:-1;
}
fn(num); if(e.preventDefault)e.preventDefault();
return false;
}
}

使用方法:

            var oDiv=document.getElementById('div');

            mousewheel(oDiv,function(dir){
if(dir>0) alert('向上滚动');
if(dir<0) alert('往下滚动');
});

兼容性:ie6+吧(只测试了ie6+,chrome、Firefox)

注释一点点:

 ie/chrome: onmousewheel
   ev.wheelDelta:
      上:120
      下:-120
 
 ff: addEventListener('DOMMouseScroll',fn,false) 火狐用鼠标事件要用addEventListener绑定
  ev.detail:
     上:-3
     下:3
 
 阻止默认事件:
     return false 用于阻止一般形式的事件(如:on+事件名称)的默认行为
     ev.preventDefault() 用于阻止addEventListener绑定的事件的默认行为

最新文章

  1. Usage: AddDimensionedImage imageFile outputFile eclipse 运行程序出错
  2. 配置rt-thread开发环境(配置系统,生成系统镜像)
  3. Openvswitch原理与代码分析(7): 添加一条流表flow
  4. 项目中遇到的 linq datatable select
  5. 【Cocos2d实例教程一】xcode5下Cocos2d环境的搭建
  6. ThinkPHP3.2 加载过程(二)
  7. JADE提升篇
  8. 网络子系统42_ip协议处理函数_数据帧的接收
  9. 《c陷阱与缺陷》笔记--注意边界值
  10. 新手学python(3):yield与序列化
  11. SQLite新建数据库及txt文件(CSV文件)导入
  12. htaccess 的使用基本小节 For apache httpd
  13. java servlet简述
  14. sqlserver 使用脚本创建作业
  15. PayPal、支付宝诞生的故事 | 概述起源篇
  16. Struts2 Intercepter 笔记
  17. 微信小程序登录方案
  18. JQuery 中三十一种选择器的应用
  19. hive(在大数据集合上的类SQL查询和表)学习
  20. 洛谷P2587 [ZJOI2008] 泡泡堂

热门文章

  1. 小白日记50:kali渗透测试之Web渗透-CSRF
  2. 关于yarn的spark配置属性
  3. jquery的学习
  4. Spring MVC学习笔记 01
  5. C语言中和指针相关的四道题目
  6. 使用sharepreferce记录数组数据
  7. [转]poll技术
  8. 怒刷DP之 HDU 1260
  9. Strom实现单词统计代码
  10. codeforces 675C C. Money Transfers(贪心)