首页 > 其他 > 详细

跨浏览器的事件对象

时间:2018-09-15 12:58:27      阅读:138      评论:0      收藏:0      [点我收藏+]
var EventUtil = {
            addHandler: function(element,type,handler){//添加事件
                if (element.addEventListener)
                {
                    element.addEventListener(type,handler,false);
                }else if (element.attachEvent)
                {
                    element.attachEvent(‘on‘+type,handler);
                }else {
                    element[‘on‘+type] = handler;
                }
            },
            getEvent: function(event){//获得事件对象
                return event || window.event;
            },
            getTarget: function(event){//获得事件元素
                return event.target || event.srcElement;
            },
            preventDefault: function(){//取消默认事件行为
                if (event.preventDefault)
                {
                    event.preventDefault();
                }else {
                    event.returnValue = false;
                }
            },
            removeHandler: function(element,type,handler){//取消事件
                if (element.removeEventListener)
                {
                    element.removeEventListener(type,handler,false)
                }else if (element.dettchEvent)
                {
                    element.dettchEvent(‘on‘+type,handler);
                }else {
                    element[‘on‘+type] = null;
                }
            },
            stopPropagation: function(event){//取消冒泡机制if (event.stopPropagation)
                {
                    event.stopPropagation();
                }else {
                    event.cancleBubble = true;
                }
            }
        }

首先要用EventUtil.getEvent(event);获得统一的event对象

跨浏览器的事件对象

原文:https://www.cnblogs.com/jokes/p/9650627.html

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