事件有几个阶段?事件绑定方式有哪些?以及区别是什么?

本文介绍了事件处理的三个阶段:捕获、目标和冒泡,并详细对比了DOM和jQuery中的事件绑定方法,如addEventListener和attachEvent的不同之处及其适用场景。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

事件有三个阶段:

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值