扫码关注官方订阅号
如题，最近学习鼠标滚动事件，这是在网上看到的dome，想了很久都没想到那出问题了，特来请教。代码如下：
鼠标通过滚动滚轮切换图片 鼠标通过滚动滚轮切换图片
拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师，...
我自己把代码测了一下，通过 debug 发现，MouseWheel 函数执行了两次，然后再往下看，你的这段代码
window.onmousewheel=document.onmousewheel=MouseWheel;//IE/Opera/Chrome
既给 window 又给 document 的 onmousewheel 对象赋值，你这样子应该是为了实现兼容性吧，但是这么做会造成
当你每次滑动滚轮的时候，window 执行一次 MouseWheel 函数，document 又执行一次（我在 chrome 下测试时这样的），所以导致你的图片会跳播。
window.onmousewheel=MouseWheel;//IE/Opera/Chrome
把 document 的删掉，目前我自己测试，兼容 chrome 和 Firefox 和 IE 高版本，播放正常，但这个时候会出现一个 bug ，就是当你第一次滚动滑轮，会没有效果，原因是 你的 nowPic 的初值是 1，设置成 2 就正常了。
var nowPic = 2;
至于其他兼容性就不知道了。OooO
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
0 
1
1964
收藏
我自己把代码测了一下，通过 debug 发现，MouseWheel 函数执行了两次，然后再往下看，你的这段代码
既给 window 又给 document 的 onmousewheel 对象赋值，你这样子应该是为了实现兼容性吧，但是这么做会造成
当你每次滑动滚轮的时候，window 执行一次 MouseWheel 函数，document 又执行一次（我在 chrome 下测试时这样的），所以导致你的图片会跳播。
把 document 的删掉，目前我自己测试，兼容 chrome 和 Firefox 和 IE 高版本，播放正常，但这个时候会出现一个 bug ，就是当你第一次滚动滑轮，会没有效果，原因是 你的 nowPic 的初值是 1，设置成 2 就正常了。
至于其他兼容性就不知道了。OooO