- 浏览: 4848904 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (743)
- JAVA (44)
- JAVA 乔乐共享 (145)
- js (132)
- database (26)
- jQuery (46)
- velocity (16)
- Ubuntu (14)
- Grails (2)
- Groovy (6)
- xml (2)
- Spring (11)
- mysql (24)
- sqlserver (6)
- oracle (9)
- cmd (8)
- CSS (17)
- Linux (2)
- sqlite (4)
- php (11)
- json (2)
- laravel (2)
- html (3)
- 闲聊 (3)
- git (13)
- nodejs (25)
- angularjs (17)
- npm (8)
- bootstrap (4)
- mongodb (5)
- React (32)
- Crack (7)
- b (0)
- ES6 (2)
- webpack (3)
- Babel (1)
- Koa (1)
最新评论
-
taoshengyijiuzt:
感谢大佬!!!
JetBrains最新激活服务器(长期更新ing) -
masuweng:
激活码可以用
JetBrains最新激活服务器(长期更新ing) -
dusdong:
都失效了
JetBrains最新激活服务器(长期更新ing) -
追风筝的孩纸Zz:
dddddddddddddddd
js获取网页屏幕可见区域高度 -
自己811005:
88350bcf69dcfbda7f8a76a589d9054 ...
Js设置前端允许跨域请求后端API:Access-Control-Allow-Credentials
/** Event handler for mouse wheel event. *鼠标滚动事件 */ var wheel = function(event) { var delta = 0; if (!event) /* For IE. */ event = window.event; if (event.wheelDelta) { /* IE/Opera. */ delta = event.wheelDelta / 120; } else if (event.detail) { /** Mozilla case. */ /** In Mozilla, sign of delta is different than in IE. * Also, delta is multiple of 3. */ delta = -event.detail / 3; } /** If delta is nonzero, handle it. * Basically, delta is now positive if wheel was scrolled up, * and negative, if wheel was scrolled down. */ if (delta) handle(delta); /** Prevent default actions caused by mouse wheel. * That might be ugly, but we handle scrolls somehow * anyway, so don't bother here.. */ if (event.preventDefault) event.preventDefault(); event.returnValue = false; } /** Initialization code. * If you use your own event management code, change it as required. */ if (window.addEventListener) { /** DOMMouseScroll is for mozilla. */ window.addEventListener('DOMMouseScroll', wheel, false); } /** IE/Opera. */ window.onmousewheel = document.onmousewheel = wheel; /** This is high-level function. * It must react to delta being more/less than zero. */ var handle = function(delta) { var random_num = Math.floor((Math.random() * 100) + 50); if (delta < 0) { // alert("鼠标滑轮向下滚动:" + delta + "次!"); // 1 $("btn_next_pic").onclick(random_num); return; } else { // alert("鼠标滑轮向上滚动:" + delta + "次!"); // -1 $("btn_last_pic").onclick(random_num); return; } }
评论
3 楼
kt431128
2013-11-01
兄台,滚轮滚动一定的距离触发一个事件,怎么搞?
2 楼
qiaolevip
2013-01-07
qq_ji寞 写道
支持谷歌么
支持啊,纯js的,对opera支持不是很好,鼠标滚动的时候相当于两下。
1 楼
qq_ji寞
2012-12-11
支持谷歌么
发表评论
-
ESLint: elements with click handlers must have at least one keyboard listener.
2018-11-13 15:57 17425ESLint: Visible, non-interact ... -
Fetch API Error: Body not allowed for GET or HEAD requests with UUID
2018-10-24 11:51 2054报错说明: bog.js:35 [ERROR] [201 ... -
JSEncrypt encrypt return false排查并解决
2018-04-11 13:41 104552018-04-11写道 今天测试环境JSEncrypt ... -
Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tai
2018-04-10 10:58 8427Js Canvas画图加载远程连接报错: Uncaugh ... -
Canvas教程:拼图,组合图像,画圆形图像,添加二维码logo,添加文字
2018-03-30 16:15 41341,创建canvas对象 // method 1 ... -
前端跨域::The 'Access-Control-Allow-Origin' header contains multiple values *
2018-01-08 17:06 0报错信息:3000为本地服务器端口号 The 'Acces ... -
Js设置前端允许跨域请求后端API:Access-Control-Allow-Credentials
2017-08-23 10:53 100899跨域报错信息: Fetch API cannot loa ... -
Js正则一行隐藏手机号mask phone number
2017-08-17 15:08 3031// 隐藏手机号中间4为: '18812345678'.r ... -
Js / React 循环数据表格一行多列的情况
2017-08-10 19:26 3702最终呈现效果: 数据结构: const hfA ... -
百度地图js报错Uncaught TypeError: b.ga(...).nb is not a function
2017-04-20 10:48 1856事件:百度地图异步批量创建marker,单击单个marker ... -
百度地图js报错Uncaught TypeError: b.ga(...).nb is not a function
2017-04-20 10:52 2002事件:百度地图异步批量创建marker,单击单个marker ... -
React&Js实现无刷新搜索后隐藏键盘[兼容IOS&Android]
2016-10-28 14:23 1235搜索框效果: React Html: < ... -
使用localStorage实现历史记录搜索功能
2016-09-19 19:04 12743搜索功能在商品很多的时候尤为重要,那为什么要历史记录呢,是 ... -
Web SQL初体验之新手指导(全功能解析)
2016-08-17 17:23 10811。创建并打开数据库 var db = window.o ... -
原生JS 循环Nodelist Dom列表的4种方式
2016-07-07 17:18 6120function $(id) { return do ... -
js 倒计时日期对比函数的实现,兼容Android和iOS
2016-06-29 17:30 2398function downTime(date) { ... -
IOS 字符串转日期格式化踩过的坑
2016-06-29 17:25 2746// 正常主流浏览器支持的日期格式化函数如下: ... -
前端开发手机内置浏览器(含js函数)兼容性汇总之那些踩过的坑
2016-06-20 12:53 9717这里会汇总一些移动 ... -
doT js模板引擎 使用自定义函数进行渲染的两种方法
2016-05-12 14:05 4516doT模板是一款js渲染模板引擎,速度快,文件小,渲染效果 ... -
js post x-www-form-urlencoded、form-url数据,Nodejs获取x-www-form-urlencoded数据
2016-04-05 16:13 64331、post数据结构: Form Data: ty ...
相关推荐
本篇文章主要介绍了js鼠标滑轮滚动事件绑定的简单实例(兼容主流浏览器)。需要的朋友可以过来参考下,希望对大家有所帮助
滑轮滚动页面的事件在网页特效中进场遇到,下面通过示例为大家介绍下原生JS绑定滑轮滚动事件并兼容浏览器
解决关于事件绑定的兼容,有利于代码的开发和维护,减少代码量
javascript为DOM绑定事件 兼容 学习笔记
js回车事件绑定
WPF实现MVVM的事件绑定的两种非常规方式。 参考博客:https://blog.csdn.net/IQQQQU/article/details/86530285 1、重写InvokeCommandAction来扩充返回的参数 2、运用Behavior来实现事件,可以通过两种方式来获取...
鼠标常用事件列表 列出了鼠标常用事件包括一般事件、页面相关事件、表单相关事件、滚动字幕事件、编辑事件、数据绑定、外部事件等等,以及对应支持的浏览器的版本,并做了事件相关的描述。
WPF 纯MVVM模式 任意事件绑定 获取EventArgs 完美取代原生事件+=模式 只需要引用System.Windows.Interactivity
js绑定事件,并动态传参,比如绑定click事件。js绑定事件,并动态传参,比如绑定click事件。 js绑定事件,并动态传参,比如绑定click事件
js 判断是否绑定一个事件
将JavaScript事件绑定到ASP.NET对象
主要介绍了C#移除所有事件绑定的方法,实例分析了C#事件绑定的移除方法,具有一定参考借鉴价值,需要的朋友可以参考下
我们可以将它绑定到 resize 事件上。如下面代码是在jQuery下实现的resize事件重新设置按钮位置: $(window).resize(function(){ clip.reposition(); }); 2、hide() 和 show() 方法 这两个方法可以隐藏和显示 Flash ...
Win8会绑定IE10浏览器吗.docx
Js自定义的滚动条拖动缓冲插件 Dean Edward所写的addevent库,不但可自定义浏览器中的滚动条,还可为其添加缓冲变化的效果。 element: 绑定事件的元素 type: 事件类型,鼠标事件等 handler: 处理方法 为...
1)事件对象:当浏览器执行事件的时候,会将所有与事件相关的内容(鼠标位置,触发的目标等)封装为一个对象,并且在触发事件的函数,在事件函数中进行传递 Event 常见属性: clientX clinetY 鼠标相对客户端的位置 ...
基于原生JavaScript完成的网页端2048游戏,适配移动端,绑定键盘和鼠标滑动事件 基于原生JavaScript完成的网页端2048游戏,适配移动端,绑定键盘和鼠标滑动事件 基于原生JavaScript完成的网页端2048游戏,适配移动端...
同时给元素绑定,单击事件和双击事件,解决原本两个事件不能并存的问题。 希望能帮助大家解决问题。