首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

HTML事件小结

2012-10-11 
HTML事件总结事件有两种模式:捕获和冒泡·捕获?从dom根节点--目标对象传递·冒泡?从目标对象--dom根节点传

HTML事件总结

事件有两种模式:捕获和冒泡
·捕获
?从dom根节点-->目标对象传递
·冒泡
?从目标对象-->dom根节点传递
?
添加和删除事件
?标准方式:
??[Object].addEventListener('click',fun1,true);
??[Object].removeEventListener("click",fun2,false);
?IE(事件前面都加"on"):
??[Object].attachEvent('onclick',"Function")
??[Object].detachEvent('onclick',"Function")
注:在IE中只有冒泡模式,而在其它大多数浏览器中支持两种模式,而且都是先捕获后冒泡
?div1.addEventListener('click',fun1,true);?//true时,为捕获
?div2.addEventListener('click',fun2,false);?//false时,为冒泡
?传统模式下的兼容性:对于那些支持W3C DOM的浏览器来说,传统的事件注册
??element1.onclick = doSomething2;
?都视作冒泡
?
阻止冒泡的方法
?e.cancelBubble = true;?//IE
?e.stopPropagation();?//标准方式

热点排行