时间:2021-07-01 10:21:17 帮助过:31人阅读
关于滚动事件这方面,其实是比较乱的。
滚轮事件的兼容性差异有些不拘一格,不是以往的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事件--鼠标滚动的详细内容,更多请关注Gxl网其它相关文章!