美文网首页
事件相关

事件相关

作者: 小雞雞炖蘑菇 | 来源:发表于2017-03-17 20:13 被阅读0次

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

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;
    }
}

相关文章

  • 事件相关

    1、点击页面时,过滤某些元素的事件

  • 事件相关

    1.for循环与事件的配合 初学者容易遇到的坑,将事件嵌入for循环中,实际执行时,确触发不了事件。原示例如下: ...

  • 事件相关

    如何批量操作 css 如何获取 DOM 计算后的样式 使用getComputedStyle获取元素计算后的样式 实...

  • 事件相关

    事件相关功能函数,使用直接调取即可;事件绑定 事件解绑 获取事件对象 获取事件目标元素 阻止默认事件---->注意...

  • “滴滴事件”相关

    滴滴成长历程 •2012年6月,程维创办北京小桔科技有限公司,专注开发滴滴打车。开发初期,遭遇技术难题。同年年底,...

  • UIButton 相关事件

    ** UIControlEventTouchDown **单点触摸按下事件:用户点触屏幕,或者又有新手指落下的时...

  • transition 相关事件

    事件介绍 transition 相关事件有 4 个: transitionend: 过渡结束后触发 transit...

  • js实现拖拽事件

    拖放事件 拖放是由拖动与释放两部分组成,拖放事件也分为被拖动元素的相关事件,和容器的相关事件。 被拖动元素的相关事...

  • Android事件管理源码剖析

    序言 最近在看Android触摸屏事件相关的源码,为了对整个事件体系的了解,所以对事件相关,从事件的产生,写入设备...

  • dataBinding 入门笔记

    Databinding 相关符号 相关文档 示例 点击事件 点击事件02 跳转方法 跳转方法(注解) 问题 inc...

网友评论

      本文标题:事件相关

      本文链接:https://www.haomeiwen.com/subject/tlrynttx.html