——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...