鼠标滚轮兼容火狐,
来源:互联网 发布:sql注入防范 编辑:程序博客网 时间:2024/06/06 21:52
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;
// 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
- 鼠标滚轮兼容火狐,
- 兼容鼠标滚轮事件
- 鼠标滚轮的兼容写法
- 鼠标滚轮事件及其兼容
- js鼠标滚轮事件兼容
- 判断当前浏览器是不是火狐和禁止鼠标滚轮事件
- 获取鼠标坐标 火狐ie 兼容
- 获取鼠标位置(兼容火狐,IE)
- 兼容各浏览器获取鼠标滚轮上下滚动事件
- 鼠标滚轮事件(兼容IE、FireFox、Chrome等浏览器)
- 鼠标滚轮
- js获取鼠标点击的位置-火狐IE兼容
- js获取鼠标位置(兼容ie和火狐)
- Frameset IE7 及 IE8兼容模式下 鼠标滚轮无法使用
- VB鼠标滚轮插件安装错误集锦:模块与正在运行的windows版本不兼容
- js鼠标滚轮事件详解(全兼容ie、chrome、firefox)实现图片缩放
- VB模拟鼠标滚轮
- 鼠标滚轮控制图片大小
- Spring 学习2--Spring特殊语义注释类定义bean
- 测试博客
- Java异常
- 基于Primeton ESB的高可用MQ集群配置
- C# Keycode对照表
- 鼠标滚轮兼容火狐,
- Android5.0 开机设置静态IP地址
- 《APUE》读书笔记—第十三章守护进程
- ffmpeg源码简析(一)结构总览
- INSTALL_FAILED_INVALID_APK: /data/app/vmdl654475879.tmp/8_slice__ signatures are inconsistent
- spring简介【了解】
- iOS汉语转拼音以及按照拼音排序
- Linux系统虚拟机:用putty连接黑色,无法登陆
- Linux——rz/sz命令