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

JS鼠标滑轮事件的写法和按键的事件

llcdbk 2015-10-22 18:32 99 查看
在body注册一下滑轮事件

<body onload="win_onload();"></body>

然后JS代码如下:

function win_onload() {
////注册按键事件
//document.onkeydown = keydown;

/*注册事件*/
if(document.addEventListener){
document.addEventListener('DOMMouseScroll',scrollFunc,false);
}//W3C
window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome/Safari
}

//滑轮事件,上=120,下=-120
var scrollFunc=function(e){
var direct=0;
e=e || window.event;
//上滑动
if (e.wheelDelta == 120) {//IE/Opera/Chrome
//执行事件
selectProvNode();
return false;
}
//下滑动
if (e.wheelDelta == -120) {//Firefox
//执行事件
selectNextNode();
return false;
}
}

////按键事件
//function keydown() {
//    //上
//    if (event.keyCode == 188) {
//        //执行事件
//        selectProvNode();
//        return false;
//    }
//    //下
//    if (event.keyCode == 190) {
//        //执行事件
//        selectNextNode();
//        return false;
//    }
//}
标签: