鼠标滚轮兼容火狐,

function mouseWheel(e){
            // cross-browser wheel delta  
            var e = window.event || e; // old IE support  
            var delta = Math.max(-1, Math.min(1, (e.wheelDelta || -e.detail)));
            var deltaNum = null;
            if(delta > 0) {
                deltaNum = 1.1;
            } else {
                deltaNum = 0.9;
            }
            //图片的大小范围:宽度、高度范围设置在50-1500个像素之间  
            if(Math.max(20, Math.min(1600, headImg.width * deltaNum)) < 50 && Math.max(20, Math.min(1600, headImg.height * deltaNum)) < 50) {
                alert("您已缩小到最小!")
                return;
            }
            if(Math.max(20, Math.min(1600, headImg.width * deltaNum)) > 1500 || Math.max(20, Math.min(1600, headImg.height * deltaNum)) > 1500) {
                alert("您已放大到最大!")
                return;
            }
            headImg.style.width = Math.max(20, Math.min(1600, headImg.width * deltaNum)) + "px";
            headImg.style.height = Math.max(20, Math.min(1600, headImg.height * deltaNum)) + "px";
            var img_width = headImg.style.width;
            var img_height = headImg.style.height;
            img_width = parseInt(img_width) / 2;

            img_height = parseInt(img_height) / 2;

}

//兼容火狐滚轮事件;
        if(navigator.userAgent.indexOf("Firefox") != -1) {
                    //FF
                ImgObjFF[0].addEventListener("DOMMouseScroll",this.MouseWheelHandler, false);    
                } else {
                    //非FF
            var headImg = $("#headImg", this.$el);
             headImg.on("mousewheel", this.MouseWheelHandler);
                }

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值