zoukankan      html  css  js  c++  java
  • 浏览器兼容——DOM事件封装函数

    //封装函数
    var eventUtil={
        //添加事件
        addHandler:function(element,type,handler){
            if(element.addEventListener){        //如果支持DOM2
                element.addEventListener(type,handler,false);
            }else if(element.attachEvent){        //如果支持IE
                element.attachEvent('on'+type,handler);
            }else{                                              //DOM0级
                element['on'+type]=handler;
            }
        }
        //删除事件
        removeHandler:function(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:function (event) {
            return event?event:window.event;
        }

        getType:function (event) {
            return event.type;
        }
        //获取事件目标
        getElement: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;
            }
        }

  • 相关阅读:
    CF519E
    Visual Studio 2017更新内容记录
    MSSQL导入数据时,出现“无法截断表 因为表正由Foreign key引用”错误
    使用NeatUpload控件实现ASP.NET大文件上传
    jquery 图片无缝切换
    less 能加快css编写?
    jquery 分页控件(二)
    jquery 分页控件(一)
    jquery仿天猫商城左侧导航菜单
    jquery 图片放大
  • 原文地址:https://www.cnblogs.com/csxiaoyu/p/5196162.html
Copyright © 2011-2022 走看看