tool.js

/* 显示滚动条滚动的距离** */

function getScrollOffset() {
    if (window.pageYOffset) {
        return {
            x: window.pageXOffset,
            y: window.pageYOffset
        }
    }
    return {
        x: document.documentElement.scrollLeft + document.body.scrollLeft,
        y: document.documentElement.scrollTop + document.body.scrollTop
    }
}

//绑定事件的方式

function addEvent(elem, type, handle) {
    if (elem.addEventListener) {
        elem.addEventListener(type, handle, false);
    } else if (elem.attachEvent) {
        elem.attachEvent('on' + type), function () {
            handle.call(elem);
        }
    } else {
        elem['on' + type] = handle;
    }
}

//取消冒泡

function stopBubble(event) {
    if (event.stopPropagation) {
        event.stopPropagation();
    } else {
        event.cancelBubble = true;
    }
}

//取消默认事件

function cancelHander(event) {
    if (event.preventDefault) {
        event.preventDefault();
    } else {
        event.returnValue = false;
    }
}

//事件委托

var ul = document.getElementsByTagName('ul')[0];
ul.onclick = function (e) {
    var event = e || window.event;
    var target = event.target || event.srcElement;
    console.log(target.innerText);
}

//事件对象