鼠标滚轮事件在火狐下的兼容问题 1. [代码] [JavaScript]代码 //兼容火狐的鼠标滚轮事件 document.getElementById("t1").addEventListener("DOMMouseScroll",function(e){ scrollFunc(e,$(".table_1"),$("#pageNum"),$("#total
1. [代码][JavaScript]代码
//兼容火狐的鼠标滚轮事件
document.getElementById("t1").addEventListener("DOMMouseScroll",function(e){
scrollFunc(e,$(".table_1"),$("#pageNum"),$("#total"));
},false);
document.getElementById("t2").addEventListener("DOMMouseScroll",function(e){
scrollFunc(e,$(".table_2"),$("#pageNum_phone"),$("#total_phone"));
},false);
document.getElementById("t3").addEventListener("DOMMouseScroll",function(e){
scrollFunc(e,$(".table_3"),$("#pageNum_bus"),$("#total_bus"));
},false);
//chroom和ie下的鼠标滚轮事件
$('.table_1 table').on("mousewheel", function() {
scrollFunc(e,$(this),$("#pageNum"),$("#total"));
});
$('.table_2 table').on("mousewheel",function(){
scrollFunc(e,$(this),$("#pageNum_phone"),$("#total_phone"));
})
$('.table_3 table').on("mousewheel",function(){
scrollFunc(e,$(this),$("#pageNum_bus"),$("#total_bus"));
})
}
function scrollFunc(e,that,pageNum,totalPage){
var e = e || window.event;
if (e.wheelDelta) {
if (e.wheelDelta > 0) {
up(that,pageNum,totalPage);//chroom和ie下,鼠标滚轮向上滚
}
if (e.wheelDelta < 0) {
down(that,pageNum,totalPage);//chroom和ie下,鼠标滚轮向下滚
}
}
else if (e.detail) {
if (e.detail> 0) {
down(that,pageNum,totalPage);//火狐下,鼠标滚轮向下滚(与chroom和ie方向相反)
}
if (e.detail< 0) {
up(that,pageNum,totalPage);//火狐,鼠标滚轮向上滚(与chroom和ie方向相反)
}
}
}
