携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第19天,点击查看活动详情
有关Event对象
事件发生以后,会产生一个事件对象,作为参数传给监听函数。浏览器原生提供一个
Event对象。所有的事件都是这个对象的实例,或者说继承了Event.prototype对象
Event构造函数接受两个参数:
type是字符串,表示事件的名称options是一个对象,表示事件对象的配置bubbles:布尔值,表示事件对象是否冒泡,可选,默认为falsecancelable:布尔值,表示事件是否可以被取消,可选,默认为false
实例属性
1、Event.bubbles属性返回一个布尔值,表示当前事件是否会冒泡,返回值有四种可能:
- 0:事件目前没有发生
- 1:事件目前处于捕获阶段,即处于从祖先节点向目标节点的传播过程中
- 2:事件到达目标节点,即
Event.target属性指向的那个节点 - 3:事件处于冒泡阶段,即处于从目标节点向祖先节点的反向传播过程中
2、Event.cancelable属性为true时:调用Event.preventDefault()就可以取消这个事件,阻止浏览器对该事件的默认行为
3、Event.currentTarget属性返回事件当前所在的节点,即事件当前正在通过的节点。当前正在执行的监听函数所在的那个节点。(不过随着事件的传播,这个属性的值会变)
常用的还有Event.type、Event.timeStamp、Event.isTrusted、Event.detail属性,具体使用不做赘述,可参考:wangdoc.com/javascript/…
写在最后
以上习题&笔记从大佬们的论坛学习而来,特感谢大佬们的知识分享~ (学习技术知识,果然要看大佬们的技术博客,大家有好的推荐也欢迎指引我这个小白哈,感恩!)
附上学习链接,感谢这些大佬出题和解答:wangdoc.com/javascript/…