7-1 事半功倍——使用事件处理机制提高交互的精准性.pptxVIP

汇报人：xxx时间：2026一号任务事半功倍——使用事件处理机制提高交互的精准性

任务说明01

零号任务已经实现添加、删除、修改博客功能的逻辑，本任务通过事件监听器实现页面交互，并且确保对事件进行精准处理。具体要求如下。（1）通过事件监听器实现添加、删除、修改博客功能的页面交互。（2）使用事件对象获取事件触发元素，阻止默认行为或事件冒泡。一号任务任务说明

知识准备02

01添加和移除事件监听器03事件对象的使用目录02常见事件类型及其使用场景04事件冒泡和捕获

1.添加和移除事件监听器知识准备（1）添加监听器element.addEventListener(event,handler[,options]);①event：事件类型（如click、keydown等）。②handler：当事件触发时执行的回调函数。③options：可选参数，可以是一个布尔值或一个对象，用于指定事件监听器的行为。常见的选项如下。?capture：布尔值，指定事件是否在捕获阶段触发（默认值为false，在冒泡阶段触发）。?once：布尔值，指定事件监听器是否只触发一次（默认值为false）。?passive：布尔值，指定事件监听器是否永远不会调用preventDefault()（默认为false）。

1.添加和移除事件监听器知识准备（2）移除监听器element.removeEven