事件

1.事件的定义:指的就是用户与浏览器交互的一瞬间。
2.元素绑定事件处理程序的三种方式:1.通过HTML元素指定事件属性来绑定2.通过DOM对象指定的属性来绑定(推荐使用)3通过使用addEventListener()来处理,因为前两种方式都是只能绑定一个一个程序而不能为一个事件绑定多个程序,这个方法需要两个参数:一个是事件字符串,一个是响应函数。
3.移除事件监听机制的方法:removeEventListener()和detachEvent()。
4.This:是事件是给那个对象绑定的this就是哪个对象。
5.事件对象:在DOM对象上的某个事件被触发时会产生一个事件对象Event,Event包括导致事件的元素,事件的类型,以及其他与特定事件相关的信息,所有浏览器都支持event对象,但支持方式不同。
6Event对象的通用属性和方法属性/方法 类型 读/写 说明bubbles Boolean 只读 事件是否冒泡cancelable Boolean 只读 是否可以取消事件的默认行为currentTarget Element 只读 当前正在处理的事件元素defaultPrevented Boolean 只读 是否调用了preventDefault()detail Number 只读 与事件相关的细节信息eventPhase Number 只读 阶段 1:捕获 2:目标 3:冒泡preventDefault() Function 只读 取消事件的默认行为stopImmediatePropagation() Function 只读 取消事件的进一步捕获或冒泡stopPropagation() Function 只读 取消事件的进一步捕获或冒泡target Element 只读 事件的目标trusted Boolean 只读 是否是浏览器内置事件type String 只读 被触发的事件的类型

6事件的传播:事件一旦被触发,事件的处理将会分为捕获阶段(这一阶段会从window对象开始向下一直遍历到目标对象如果发现有对象绑定了响应事件则做相应的处理),目标阶段(这一阶段已经遍历结束则会执行目标对象上绑定的响应函数),事件冒泡(会从事件目标一直向上遍历直至window对象结束这时对象上绑定的响应函数也会执行)这三个阶段。
7.取消事件传播的两种方式式和取消默认行为的式:stopPropagation(),stopImmediatePropagation()

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值