JavaScript 通用函数整理——事件对象

最新推荐文章于 2024-09-17 11:42:54 发布

warwolf24

最新推荐文章于 2024-09-17 11:42:54 发布

阅读量713

点赞数

分类专栏： javascript 文章标签： javascript EventUtil 平稳退化渐进增强

本文链接：https://blog.csdn.net/warwolf24/article/details/22155063

版权

javascript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

参考《JavaScript 高级程序设计（第3版）》《JavaScript DOM 编程艺术（第2版）》

实现平稳退化和渐进增强，就必须分离结构层、表示层、行为层。

定义跨浏览器的 EventUtil 对象：

var EventUtil = {

    //获取事件对象
    getEvent： function(event){
        return event ? event : window.event;
    }，

    //获取事件的目标
    getTarget: function(event){
        return event.target || event.srcElement;
    },

    //取消事件的默认行为
    preventDefault: function(event){
        if(event.preventDefault){
            event.preventDefault();
        }
        else{
            event.returnValue = false;
        }
    },

    //停止事件冒泡
    stopPropagation: function(event){
        if(event.stopPropagation){
            event.stopPropagation();
        }
        else{
            event.cancelBubble = true;
        }
    }
}