您的位置:首页 > Web前端 > JQuery

jquery 响应不同浏览器 鼠标滚轮上下滚动事件 相对的操作

2013-01-08 11:11 676 查看
/***********************
* 函数:绑定鼠标滚轮上下滚动事件 相对的操作
* 参数:event
* 返回:滚轮方向 1:向上 -1:向下
* 		FireFox 向上滑动detail值为—3,向下为3;
* 		Ie      向上滑动wheelDelta 值为120,向下为-120
*************************/
var scrollFunc=function(e){
//var direct=0;
e=e || window.event;

if(e.wheelDelta){//IE/Opera/Chrome
if(e.wheelDelta==120)
{
//向上滚动事件
}
else
{					//向下滚动事件
} }else if(e.detail){//Firefox if(e.detail==-3) { //向上滚动事件

} else { //向下滚动事件

} } //ScrollText(direct); } /*注册事件*/

if(document.addEventListener)
{ document.addEventListener('DOMMouseScroll',scrollFunc,false); }//W3C
window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome


                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: