【前端入门】Event 对象定义及实例属性

134 阅读2分钟

携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第19天,点击查看活动详情

有关Event对象

事件发生以后,会产生一个事件对象,作为参数传给监听函数。浏览器原生提供一个Event对象。所有的事件都是这个对象的实例,或者说继承了Event.prototype对象

Event构造函数接受两个参数:

  • type是字符串,表示事件的名称
  • options是一个对象,表示事件对象的配置
    • bubbles:布尔值,表示事件对象是否冒泡,可选,默认为false
    • cancelable:布尔值,表示事件是否可以被取消,可选,默认为false

实例属性

1、Event.bubbles属性返回一个布尔值,表示当前事件是否会冒泡,返回值有四种可能:

  • 0:事件目前没有发生
  • 1:事件目前处于捕获阶段,即处于从祖先节点向目标节点的传播过程中
  • 2:事件到达目标节点,即Event.target属性指向的那个节点
  • 3:事件处于冒泡阶段,即处于从目标节点向祖先节点的反向传播过程中

2、Event.cancelable属性为true时:调用Event.preventDefault()就可以取消这个事件,阻止浏览器对该事件的默认行为

3、Event.currentTarget属性返回事件当前所在的节点,即事件当前正在通过的节点。当前正在执行的监听函数所在的那个节点。(不过随着事件的传播,这个属性的值会变)

常用的还有Event.typeEvent.timeStampEvent.isTrustedEvent.detail属性,具体使用不做赘述,可参考:wangdoc.com/javascript/…

写在最后

以上习题&笔记从大佬们的论坛学习而来,特感谢大佬们的知识分享~ (学习技术知识,果然要看大佬们的技术博客,大家有好的推荐也欢迎指引我这个小白哈,感恩!)

附上学习链接,感谢这些大佬出题和解答:wangdoc.com/javascript/…