关于滚动事件这方面,其实是比较乱的。
滚轮事件的兼容性差异有些不拘一格,不是以往的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>
<br/>
以上就是js事件--鼠标滚动的详细内容,更多请关注php中文网其它相关文章!
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号