清华社课件JavaScript交互式Web前端开发4.1 事件基础与模型.pptxVIP

事件基础与模型主讲：课程组

CONTENTS01事件基础02常用事件

事件基础01

核心概念事件是文档或浏览器窗口中的特定交互时刻，可通过设置侦听器预定。事件事件类型事件类型是描述事件种类的字符串标识，如鼠标悬停、键盘按键按下。事件目标是事件发生或相关的对象，如Window、Document和Element对象。事件目标事件传播是浏览器确定哪个对象触发事件处理程序的过程。事件传播事件对象12345事件对象包含事件详细信息，具备type和target属性，传递给处理程序函数。

事件模型内联事件模型将JavaScript代码直接嵌入HTML元素的事件属性中。内联事件模型脚本事件模型通过JavaScript代码实现对HTML元素的事件属性赋予函数。脚本事件模型DOM2事件模型是W3C标准，支持事件捕获与冒泡，使用addEventListener方法。DOM2事件模型

常用事件02

鼠标事件鼠标事件包括点击、移动、悬停等用户操作。鼠标事件类型事件对象包含type和target属性，描述事件类型和目标。事件对象属性浏览器通过事件传播确定事件处理程序触发对象。事件传播机制

键盘事件事件处理逻辑通过JavaScript代码响应用户的键盘输入操作。键盘事件类型键盘事件涉及按键按下、释放等用户输入。0102

HTML事件HTML事件包括文档生命周期、表单操作等。HTML事件类型HTML事件使网页能够