事件相关

事件相关功能函数,使用直接调取即可;
事件绑定

function addEvent(obj,sEv,fn){
    if(obj.addEventListener){//高版本浏览器
        obj.addEventListener(sEv,fn,false);
    }else if(obj.attachEvent){//IE低版本浏览器
        obj.attachEvent('on'+sEv,fn);
    }else{
        obj['on'+sEv] = fn;//都不支持的时候防止意外
    }
}

事件解绑

function removeEvent(obj,sEv,fn){
    if(obj.addEventListener){//高版本浏览器
        obj.removeEventListener(sEv,fn,false);
    }else if(obj.detachEvent){//IE低版本浏览器
        obj.detachEvent('on'+sEv,fn);
    }else{
        obj['on'+sEv] = null;
    }
}

获取事件对象

function getEvent(event){
    return event?event:window.event;
}

获取事件目标元素

function getTarget(event){
    return event.target || event.srcElement;
}

阻止默认事件---->注意最好不要使用return fasle;引用框架可以使用;

function preventDefault(event){
    if(event.preventDefault){
        event.preventDefault();
    }else{
        event.returnValue = false;
    }
}

阻止事件冒泡

function stopPropagation(event){
    if(event.stopPropagation){
        event.stopPropagation();
    }else{
        event.cancelBubble = true;
    }
}

推荐阅读更多精彩内容

  • 如何批量操作 css 如何获取 DOM 计算后的样式 使用getComputedStyle获取元素计算后的样式 实...
    _Dot912阅读 364评论 1 3
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 128,828评论 18 137
  • 验证登录 VerifyLogin() ,返回bool 注销登录 Logout() 获取文章 GetPost($id...
    f675b1a02698阅读 322评论 0 0
  • 踏出校园,进入职场,满怀青春梦想的毕业生们迈出了人生最重要的一步。 若干年后的同学聚会,有的人在会上谈笑风生,有的...
    九悠阅读 145评论 1 4
  • 在iOS开发中,实现蓝牙通信有两种方式,一种是使用传统的GameKit.framework,另一种就是使用在iOS...
    iOS祎阅读 107评论 0 0
  • 陆城南是舒文的初恋,十年的陪伴不是作假,他们是彼此的亲人,只是在陆城南为了音乐梦想背叛舒文那一刻起,曾经至死不...
    Y_sun阅读 461评论 1 1