javaScript事件的绑定移除

——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、只能移除同一阶段的绑定函数

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容