html鼠标滚轮监听,js鼠标滑轮滚动监听触发事件
判断鼠标滚动方向执行不同的事件代码,兼容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鼠标滑轮滚动监听触发事件相关推荐
- php向下滑动,js如何判断鼠标滚轮是向下还是向上滚动
判断鼠标滚轮是向上或向下滚动,不同的浏览器的判别方式是不一样的,当前比较流行的浏览器有 IE,Opera,Safari,Firefox,Chrome,在这个问题上Firefox和其他浏览器的实现方式是 ...
- 【Java AWT 图形界面编程】使用鼠标滚轮缩放 Canvas 画布中绘制的背景图像 ( 绘制超大图像 + 鼠标拖动 + 鼠标滚轮缩放 + 以当前鼠标指针位置为缩放中心 示例 )
文章目录 一.鼠标滚轮缩放的中心点设置为当前鼠标中心点 - 要点分析 1.保存当前鼠标指针指向的位置 2.根据鼠标指针指向的位置以及比例重新计算图片位置 二.绘制超大图像 + 鼠标拖动 + 鼠标滚轮缩 ...
- 双飞燕鼠标滚轮无法在Edge里垂直滚动,只能水平滚动
今天突然遇到了鼠标无法在Edge里正常垂直滚动,滚动滚轮的反馈是页面水平滚动,但是在Edge外是没有问题的. 可能导致的操作是昨晚看到Edge的右下角有个滚轮的黑白图标,点了一下,图标就不见了,跑到了 ...
- PADS【快捷键】【 Ctrl+鼠标滚轮失灵】[Ctrl+鼠标滚轮造成PADS死机]
摘录于:http://blog.csdn.net/ee230/article/details/50297491 PADS快捷方式 全局设置命令 D 打开/关闭当前层显示,使用方法是,从键盘上输入D 来 ...
- js 快速点击会重复触发事件问题
问题: 由于使用layer弹框 ,layer.confirm快速点击的时候会多次触发事件,向后台发起请求. 解决办法: 前台js 判断 var clickflag=false; la ...
- linux 鼠标滚轮 太快,Linux - 微软无线鼠标滚动过快问题
C# 关于Try/Catch对系统性能影响的总结 自从开始考虑代码的运行效率和性能以后,写代码考虑的东西越来越多了,比如什么时候应该加try/catch?加太多的try/catch会不会降低性能?今天 ...
- java响应鼠标滚轮事件_鼠标滚轮事件MouseWheel
其实在大多数浏览器(IE6, IE7, IE8, Opera 10+, Safari 5+,Chrome)中,都提供了 "mousewheel" 事件.但杯具的是 Firefox ...
- js鼠标移动到指定位置_Python: pyautogui模块之鼠标控制
文章背景:PyAutoGUI是一个纯Python的GUI自动化工具,其目的是可以用程序自动控制鼠标和键盘操作,利用它可以实现自动化任务.pyautogui模块中包含了一些函数,可以模拟鼠标移动.按键和 ...
- vscode用鼠标滚轮_前端开发神器 VSCode 使用总结
前端开发神器 VSCode 使用总结 VSCode 是微软出品的,基于 Electron 和 TypeScript 的,集成了 git 版本管理和命令行终端,而且开源稳定,插件丰富,再搭配一款 Chr ...
最新文章
- golang 字符串排序_Golang操作数据库Redis
- Centos7制作docker初始镜像
- android 之自定义Adapter的用法
- 初学Java Web(2)——搭建Java Web开发环境
- ngnx 301 302跳转配置方法
- Spring和JSF集成:动态导航
- 基于redis(v3.2+)实现“附近的人”功能
- Linux C函数之文件及目录函数
- 一个价值$1.5万的 PS NOW 漏洞
- 新浪微博王传鹏:微博推荐架构的演进
- 博客积分为0,这是又出错了?
- python制作一个超强的加密软件
- win10下移动硬盘位置不可用无法访问
- ad走线打过孔_Altium Designer规则设计技巧过孔和焊盘
- Spring AOP的MyBatis事务管理
- 更改VS主题及设置背景图片
- win10系统安装到服务器失败怎么回事,小编教你win10安装失败怎么办
- CSS基础教程——纯CSS开发的气泡式提示框
- 如何云储存服务实现视频存储
- oracle-外币记账时总账余额表gl_balance变化(上)
热门文章
- 旷视科技经典文字检测EAST
- 深入探究js中无所不在的this
- 购物车模块redis和mysql_redis解决购物车的问题
- getchar 和 getch区别
- 可视对讲系统服务器连接失败,可视对讲系统呼叫分机、门口机不通是什么问题?...
- 用计算机写作文主题,用计算机写作文教学设计.doc
- Java 设置PDF文档过期时间(有效时间)
- 自动驾驶专题介绍 ———— 转向系统
- 微信公众号扫码关注并打开指定页面的解决方案
- SybilFuse:Combining Local Attributes with Global Structure to Perform Robust Sybil Detect(论文笔记)