首页 > 网站 > WEB开发 > 正文

JavaScript高级程序设计之EventUtil

2024-04-27 14:23:16
字体:
来源:转载
供稿:网友

javaScript高级程序设计之EventUtil

简单的通用事件方法

var EventUtil = {    getEvent: function (e) {        return e || window.event;    },    getTarget: function (e) {        return e.target || e.srcElement;    },    PReventDefault: function (e) {        if (e && e.preventDefault) {            e.preventDefault();        } else {            window.event.returnValue = false;        }    },    stopPropagation: function (e) {        if (e && e.stopPropagation) {            e.stopPropagation();        } else {            e.cancelBubble = true;        }    },    addHandler: function (ele, evType, fn, useCapture) {        // 默认使用事件冒泡        useCapture = useCapture || false;        if (ele.addEventListener) {            ele.addEventListener(evType, fn, useCapture);        } else if (ele.attachEvent) {            ele.attachEvent("on" + evType, function () {                // fn中的this指向ele对象:ie的问题                fn.call(ele);              });        } else {            ele["on" + evType] = fn;        }    },    removeHandler: function (ele, evType, fn) {        if (ele.removeEventListener) {            ele.removeEventListener(evType, fn);        } else if (ele.detachEvent) {            ele.detachEvent("on" + evType, fn);        } else {            ele["on" + evType] = null;        }    },        // keypess事件的charCode    getCharCode: function (e) {        if (typeof e.charCode === "number") {            return e.charCode;        } else {            return e.keyCode; // ie8及之前版本        }    }};


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表