js 捕捉元素事件

/*捕捉鼠标滚轮事件*/

var scrollFunc = function (e) {

            var direct = 0;
            e = e || window.event;
            if (e.wheelDelta) {//IE/Opera/Chrome
                userMouse(e.wheelDelta);
            } else if (e.detail) {//Firefox
                userMouse(e.detail);
            }
        }
        /*注册事件*/
        if (document.addEventListener) {
            document.addEventListener("DOMMouseScroll", scrollFunc, false);//(参数一：事件类型；参数二：捕捉事件后处理的函数；参数三：捕捉顺序)
        }//W3C
        window.onmousewheel = document.onmousewheel = scrollFunc;//IE/Opera/Chrome/Safari

        //鼠标滚动处理事件
        function userMouse(flage) {
            if (flage == 3) {//鼠标滚轮先下滚动
                setTimeout(scrollMove_add, 100);
            } else if (flage == -3) {//鼠标滚轮先上滚动
                setTimeout(scrollMove_del, 100)
            } else if (flage == 120) {//鼠标滚轮先下滚动
                setTimeout(scrollMove_del, 100);
            } else if (flage == -120) {//鼠标滚轮先上滚动
                setTimeout(scrollMove_add, 100);
            }

        }

function scrollMove_add() {
            var $_container = $(".container");
            var _c_width = $_container.width();
            var left = $_container.scrollLeft();
            var _s_width = $_container.find(".space").width();
            if (_s_width - left <= (_c_width * 1 + 200)) {
                if (!_lock) {
                    return
                }
                _lock = false;
                window.init(function (boxs) {
                    window.loadData(b.loadData(boxs));
                    _lock = true;
                });
            }
            left += 20;
            $_container.scrollLeft(left);
        }

        function scrollMove_del() {
            var $_container = $(".container");
            var left = $_container.scrollLeft();
            left -= 20;
            $_container.scrollLeft(left);
        }