——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事件的绑定移除
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 声明:本文来源于http://www.webzsky.com/?p=731我只是在这里作为自己的学习笔记整理一下(...
- 以下文章为转载,对理解JavaScript中的事件处理机制很有帮助,浅显易懂,特分享于此。 什么是事件? 事件(E...