判断鼠标滚动方向执行不同的事件代码,兼容IE、Firefox、chrome浏览器。javascript代码如下:

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;

代码来自:http://blog.sina.com.cn/s/blog_78106bb10101dgwp.html

html鼠标滚轮监听,js鼠标滑轮滚动监听触发事件相关推荐

  1. php向下滑动,js如何判断鼠标滚轮是向下还是向上滚动

    判断鼠标滚轮是向上或向下滚动,不同的浏览器的判别方式是不一样的,当前比较流行的浏览器有 IE,Opera,Safari,Firefox,Chrome,在这个问题上Firefox和其他浏览器的实现方式是 ...

  2. 【Java AWT 图形界面编程】使用鼠标滚轮缩放 Canvas 画布中绘制的背景图像 ( 绘制超大图像 + 鼠标拖动 + 鼠标滚轮缩放 + 以当前鼠标指针位置为缩放中心 示例 )

    文章目录 一.鼠标滚轮缩放的中心点设置为当前鼠标中心点 - 要点分析 1.保存当前鼠标指针指向的位置 2.根据鼠标指针指向的位置以及比例重新计算图片位置 二.绘制超大图像 + 鼠标拖动 + 鼠标滚轮缩 ...

  3. 双飞燕鼠标滚轮无法在Edge里垂直滚动,只能水平滚动

    今天突然遇到了鼠标无法在Edge里正常垂直滚动,滚动滚轮的反馈是页面水平滚动,但是在Edge外是没有问题的. 可能导致的操作是昨晚看到Edge的右下角有个滚轮的黑白图标,点了一下,图标就不见了,跑到了 ...

  4. PADS【快捷键】【 Ctrl+鼠标滚轮失灵】[Ctrl+鼠标滚轮造成PADS死机]

    摘录于:http://blog.csdn.net/ee230/article/details/50297491 PADS快捷方式 全局设置命令 D 打开/关闭当前层显示,使用方法是,从键盘上输入D 来 ...

  5. js 快速点击会重复触发事件问题

    问题: 由于使用layer弹框  ,layer.confirm快速点击的时候会多次触发事件,向后台发起请求. 解决办法:   前台js 判断   var clickflag=false;     la ...

  6. linux 鼠标滚轮 太快,Linux - 微软无线鼠标滚动过快问题

    C# 关于Try/Catch对系统性能影响的总结 自从开始考虑代码的运行效率和性能以后,写代码考虑的东西越来越多了,比如什么时候应该加try/catch?加太多的try/catch会不会降低性能?今天 ...

  7. java响应鼠标滚轮事件_鼠标滚轮事件MouseWheel

    其实在大多数浏览器(IE6, IE7, IE8, Opera 10+, Safari 5+,Chrome)中,都提供了 "mousewheel" 事件.但杯具的是 Firefox ...

  8. js鼠标移动到指定位置_Python: pyautogui模块之鼠标控制

    文章背景:PyAutoGUI是一个纯Python的GUI自动化工具,其目的是可以用程序自动控制鼠标和键盘操作,利用它可以实现自动化任务.pyautogui模块中包含了一些函数,可以模拟鼠标移动.按键和 ...

  9. vscode用鼠标滚轮_前端开发神器 VSCode 使用总结

    前端开发神器 VSCode 使用总结 VSCode 是微软出品的,基于 Electron 和 TypeScript 的,集成了 git 版本管理和命令行终端,而且开源稳定,插件丰富,再搭配一款 Chr ...

最新文章

  1. golang 字符串排序_Golang操作数据库Redis
  2. Centos7制作docker初始镜像
  3. android 之自定义Adapter的用法
  4. 初学Java Web(2)——搭建Java Web开发环境
  5. ngnx 301 302跳转配置方法
  6. Spring和JSF集成:动态导航
  7. 基于redis(v3.2+)实现“附近的人”功能
  8. Linux C函数之文件及目录函数
  9. 一个价值$1.5万的 PS NOW 漏洞
  10. 新浪微博王传鹏:微博推荐架构的演进
  11. 博客积分为0,这是又出错了?
  12. python制作一个超强的加密软件
  13. win10下移动硬盘位置不可用无法访问
  14. ad走线打过孔_Altium Designer规则设计技巧过孔和焊盘
  15. Spring AOP的MyBatis事务管理
  16. 更改VS主题及设置背景图片
  17. win10系统安装到服务器失败怎么回事,小编教你win10安装失败怎么办
  18. CSS基础教程——纯CSS开发的气泡式提示框
  19. 如何云储存服务实现视频存储
  20. oracle-外币记账时总账余额表gl_balance变化(上)

热门文章

  1. 旷视科技经典文字检测EAST
  2. 深入探究js中无所不在的this
  3. 购物车模块redis和mysql_redis解决购物车的问题
  4. getchar 和 getch区别
  5. 可视对讲系统服务器连接失败,可视对讲系统呼叫分机、门口机不通是什么问题?...
  6. 用计算机写作文主题,用计算机写作文教学设计.doc
  7. Java 设置PDF文档过期时间(有效时间)
  8. 自动驾驶专题介绍 ———— 转向系统
  9. 微信公众号扫码关注并打开指定页面的解决方案
  10. SybilFuse:Combining Local Attributes with Global Structure to Perform Robust Sybil Detect(论文笔记)