事件有三个阶段:
1.事件捕获阶段-----由外向里
2.事件目标阶段-----最开始选中的那个,但是不一定是最先出现的,根据是那个阶段而定
3.事件冒泡阶段-----有里向外
事件绑定方式有哪些?
DOM和jQuery当中都有
DOM中:
1.对象.on事件名字=事件处理函数----------如果是多个相同事件注册用这种方式,最后一个执行,之前的会被覆盖掉;
参考代码:my$("ID名字").onclick=function( ){ };
2.对象.addEventListener("没有on的事件名字",事件处理函数,false);
参考代码:my$("ID名字").addEventListener("click",function( ){ },false);
3.对象.attachEvent("有on的事件的名字",事件处理函数);
参考代码:my$("ID名字").attachEvent("onclick",function( ){ });
总结绑定事件的区别:
addEventListener();
attachEvent();
相同点:都可以为元素绑定事件
不同点:
* 1.方法名不一样
* 2.参数个数不一样addEventListener三个参数,attachEvent两个参数
* 3.addEventListener 谷歌、火狐都支持,IE8不支持 , attachEvent 谷歌火狐都不支持,IE8支持
* 4.this不同,addEventListener 中的this是当前绑定事件的对象 , attachEvent中的this指的是window
* 5.addEventListener中的事件的类型(事件的名字)没有on ,attachEvent 中的事件的类型(事件的名字)有on