四十四四十

``` 1. 事件流 - 前提：嵌套元素的相同事件 - 三个阶段： - 事件捕获：从外向内，先触发最外层元素的相同事件，以此类推，直到下一个阶段 - 目标阶段：真正触发的元素的事件，然后再开始下一个阶

需求描述 使用 js 模拟 <select> 标签效果， 要求使用鼠标和键盘操作 任务拆解 列表的显示与隐藏 点击输入框 弹出可选列表 鼠标点击空白 列表隐藏 鼠标划过，所在行高亮 鼠标点击所在行后

代码片段代码片段代码片段代码片段代码片段代码片段代码片段代码片段代码片段代码片段代码片段代码片段代码片段代码片段

鼠标类事件对象的常见属性鼠标类事件对象的常见属性鼠标类事件对象的常见属性鼠标类事件对象的常见属性鼠标类事件对象的常见属性鼠标类事件对象的常见属性

五、键盘类事件对象的常见属性 1. 键码： - e.keyCode / e.which - 左：37 - 上：38 - 右：39 - 下：40 - 回车

# 六、事件的控制 1. 默认事件 - 什么是默认事件 - 阻止默认事件 - 阻止方式：... - 分析：谁的什么事件

1. 赋值式：DOM0级绑定 - 语法： - 绑定：`事件源.on事件类型 = 事件处理函数` - 解绑：`事件源.on事件类型 = null` - 重

键盘一般要加给能够获取焦点的元素 代码片段键盘一般要加给能够获取焦点的元素 代码片段键盘一般要加给能够获取焦点的元素 代码片段