javascript tools.js工具函数

最新推荐文章于 2022-01-11 20:54:08 发布

code_xin~

最新推荐文章于 2022-01-11 20:54:08 发布

阅读量622

点赞数

分类专栏：前端文章标签： javascript

本文链接：https://blog.csdn.net/weixin_44456354/article/details/111872153

版权

前端专栏收录该内容

30 篇文章 0 订阅

订阅专栏

鼠标事件封装

const MOUSE = {
    getEvent: function (e) {
        return e || window.event;
    },

    getTarget: function (e) {
        return this.getEvent(e).target || this.getEvent(e).srcElement;
    },

    getClientX: function (e) {
        return this.getEvent(e).clientX;
    },

    getClientY: function (e) {
        return this.getEvent(e).clientY;
    },

    // 水平滚动条偏移
    getScrollLeft: function () {
        return document.documentElement.scrollLeft ||    // 火狐 IE9及以下滚动条是HTML的
            window.pageXOffset ||                     // IE10及以上 window.pageXOffset
            document.body.scrollLeft;                 // chrome 滚动条是body的
    },

    // 垂直滚动条偏移
    getScrollTop: function () {
        return document.documentElement.scrollTop ||    // 火狐 IE9 及以下滚动条是 HTML 的
            window.pageYOffset ||                    // IE10 及以上 window.pageXOffset
            document.body.scrollTop;                 // chrome 滚动条是body的
    },

    getPageX: function (e) {
        return (this.getEvent(e).pageX) ? (this.getEvent(e).pageX) : (this.getClientX(e) + this.getScrollLeft());
    },

    getPageY: function (e) {
        return (this.getEvent(e).pageY) ? (this.getEvent(e).pageY) : (this.getClientY(e) + this.getScrollTop());
    }
};

事件绑定封装

const EventUtil = {
    addHandler(element, type, handler, bubble = false) {
        if (element.addEventListener) {
            element.addEventListener(type, handler, bubble);
        } else if (element.attachEvent) {
            element.attachEvent('on' + type, handler);
        } else {
            element['on' + type] = handler;
        }
    },
    removeHandler(element, type, handler,) {
        console.log(element, type, handler)
        if (element.removeEventListener) {
            element.removeEventListener(type, handler, false);
        } else if (element.detachEvent) {
            element.detachEvent('on' + type, handler);
        } else {
            element['on' + type] = null;
        }
    },
    getEvent(event) {
        return event ? event : window.event;
    },
    getTarget(event) {
        return event.target || event.srcElement;
    },
    preventDefault(event) {
        if (event.preventDefault) {
            return event.preventDefault();
        } else {
            return event.returnValue = false;
        }
    },
    stopProPagation(event) {
        if (event.stopProPagation) {
            return event.stopProPagation();
        } else {
            return event.cancelBubble = true;
        }
    }
}