js事件--鼠标滚动
程序员文章站
2022-05-10 18:09:19
...
鼠标滚动事件
关于滚动事件这方面,其实是比较乱的。
滚轮事件的兼容性差异有些不拘一格,不是以往的IE8-派和其他派,而是FireFox派和其他派。
包括IE6在内的浏览器是使用onmousewheel
,而FireFox浏览器一个人使用DOMMouseScroll
. 经自己测试,即使现在FireFox 19下,也是不识onmousewheel
。
在其他派中检测滚动数值的属性是wheelDelta ,向上滚为120,向下为-120。
在火狐中检测滚动数值的属性是detail,向上滚为-3,向下为3。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script>document.onmousewheel = function(event){ ev = event || window.event; alert(ev.wheelDelta);if(ev.wheelDelta > 0){//120alert('上') }else(//-120alert('下') ) } document.addEventListener("DOMMouseScroll", function(ev) { alert(ev.detail);if(ev.detail < 0){//-3alert('上') }else(//3alert('下') ) });</script> </body> </html>
以上就是js事件--鼠标滚动的详细内容,更多请关注其它相关文章!
上一篇: 如何加快 Node.js 应用的启动速度
下一篇: php访问mysql数据库_MySQL
推荐阅读
-
js用定时器实现无缝滚动效果(代码实现)
-
JavaScript鼠标事件是什么?JavaScript鼠标事件详解
-
javascript简单拖拽实现代码(鼠标事件 mousedown mousemove mouseup)_javascript技巧
-
jQuery iScroll.js 移动端滚动条美化插件第1/5页_jquery
-
js动态添加onclick事件可传参数与不传参数_javascript技巧
-
js实现页面刷新滚动条位置不变
-
js代码实现鼠标拖拽div实例
-
js中scrollLeft,scrollWidth,clientWidth,offsetWidth完全详解 jsscrollLeftsetInterval滚动定时器
-
js鼠标滑轮滚动事件绑定(兼容主流浏览器)
-
经典_用js快速实现鼠标和键盘选择下拉菜单(代码详解)