DOM事件流

DOM事件流

事件流就是文档或浏览器窗口中发生的一些特定的交互瞬间,事件流描述的是从页面中接收事件的顺序

Event对象

event对象,当事件发生的时候触发的某个函数,那么就会产生event对象,该event对象将自动在函数内可用,该对象包含了很多事件触发时候的信息。

事件注册

在DOM模型中,通过调用对象的addEventListener()方法注册事件

element.addEventListener(String type,Function listener,boolean useCapture)
  • type:注册事件的类型名。事件类型与事件属性不同,事件类型名没有on前缀
  • listener:监听函数,即事件处理函数。在指定类型的事件发生时将调用该函数。在调用这个函数时,默认传递给他的唯一参数是event对象
  • useCapture:是一个布尔值。如果为true,则指定的事件处理函数将在事件传播的捕获阶段触发;如果为false,则事件处理函数在冒泡阶段触发
事件传播的三个阶段

捕获阶段:事件对象从window到目标父节点传播的阶段
目标阶段:事件对象到达目标。如果事件类型指定不冒泡,则事件对象将在此阶段完成后停止。
冒泡阶段:事件流对象从目标父节点到达window传播的阶段。

未完待续。。。。

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值