Article Detail

js鼠标滑轮滚动事件绑定(兼容主流浏览器)

/** Event handler for mouse wheel event. *鼠标滚动事件 */ var wheel = function(event) ...

HTML 阅读 15.5万 6 分钟阅读 2015-10-15 09:30
GDScript3
56 行
/** 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;
                        }
                }
Comments 评论区
评论区 当前文章还没有公开评论
Comment Form 留下评论
正在回复 #0
粘贴图片、拖拽文件,或点上面的按钮上传 图片会自动插入 [img] 标签,其他附件会自动插入 [attach] 标签。
正在上传...
提交前会先拉起旧项目同款第三方人机验证。

不再要求填写昵称;reply 会生成一条带楼层回链的新评论,quote 会附带完整引用块,并保持评论锚点跳转。

lizhenqiu blog is powered by lizhenqiu.com Version 6.9

Processed in 0.0095 second(s) W3C

本博客的所有原创作品采用 知识共享 署名-非商业性使用-相同方式共享 2.5 协议 进行许可

本站由 七七牛 云存储 阿阿里云 计算与安全服务 拍又拍云 CDN 加速 百百度智能 AAMH 布布集网 AI指南针AI

桂公网安备 45010302000998号 桂ICP备15007619号-1 中国互联网举报中心 建议使用谷歌浏览器浏览
Navigation 文章导航
⌂ ↓ ↑
100%
图片预览
Gallery 图集
0 张图片

正在整理正文和评论里的图片。

当前页还没有可展示的图片。
Quick Comment 快速评论

直接输入内容,提交时仍会走当前页面的人机验证。

正在上传...
操作提示