首页 > Web开发 > 详细

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

时间:2015-10-22 19:18:50      阅读:288      评论:0      收藏:0      [点我收藏+]

在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;
        //    }
        //}

 

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

原文:http://www.cnblogs.com/llcdbk/p/4902370.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!