美文网首页
javaScript事件的绑定移除

javaScript事件的绑定移除

作者: 帅气的刘小二 | 来源:发表于2017-06-16 17:46 被阅读0次

    ——DOM0级事件早期的事件:直接在dom对象上注册事件名称.
    —事件的绑定:
    var btn = document.getElementById("test");
    btn.onclick=function(){alert('1');}
    btn.onclick=function(){alert('2');}
    结果只弹出2
    这种方式给同一节点多次绑定相同的事件时,后一个会覆盖前一个。无法给innerHTML动态创建的节点的加事件。
    —事件取消:再绑定一次把值设成空
    btn.onclick=null;
    ——DOM2级事件
    —事件的绑定:
    语法:元素.addEventListener('事件名称','事件回调','Boolean');
    参数:第一个参数事件类型要去掉on,最后一个参数为true捕获阶段执行,为false冒泡阶段执行。
    btn.addEventListener('click',fn,false)//冒泡阶段执行
    btn.addEventListener('click',fn1,true)//捕获阶段执行
    这种方式可以给一个节点多次绑定相同的事件,并且每一个事件都执行。可以给动态创建的元素加事件。
    —移除
    元素.removeEventListener('事件名称',回调函数名,'boolean');
    注意:
    1、这里的事件名称、函数名、执行阶段缺一不可,
    2、回调函数要存在命名空间里
    3、只能移除同一阶段的绑定函数

    相关文章

      网友评论

          本文标题:javaScript事件的绑定移除

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