事件对象是js处理用户交互的核心，通过参数获取、判断类型与来源、读取鼠标/键盘状态、控制行为四大方向精准使用。

事件对象（event）在 JS 中是处理用户交互的核心载体，它自动传入事件处理函数，封装了事件发生时的上下文信息。关键不在于“能不能拿到”，而在于“怎么准确取、用对地方”。下面分几个高频实用方向说明。

一、获取 event 对象的几种方式

现代浏览器统一通过函数参数接收，但兼容旧环境仍需注意写法：

• 使用 addEventListener：event 自动作为第一个参数传入，直接命名如 e 或 event 即可
• 内联写法（如 onclick="handler(event)"）：必须手动把 event 作为实参传进去
• IE8 及更早版本需回退到 window.event，通用兼容写法为：
  const e = event || window.event;

二、判断事件类型与来源元素

type 和 target 是最基础也最常组合使用的两个属性：

• e.type 返回字符串，比如 "click"、"keydown"、"input"，适合做条件分支
• e.target 指向实际触发事件的 DOM 元素（哪怕你绑在父级上），例如点击子按钮，e.target 就是那个按钮本身
• e.currentTarget 始终指向当前绑定事件监听器的那个元素，和 e.target 在事件冒泡中可能不同

典型场景：给一个列表容器绑定 click，用 e.target 判断是否点中了某个 <li>，再执行对应操作。

Wjs Uploading Video

将一个或多个视频上传至YouTube。当用户想“上传到YouTube”“发YouTube”“批量上传”“upload to YouTube”“post videos to YouTube”或发布到YouTube时使用此技能。

下载

三、获取鼠标或键盘的实时状态

不同事件携带不同数据，用错属性会拿不到值：

• 鼠标类事件（click、mousemove 等）可用：
   • e.clientX/e.clientY：相对于视口左上角的坐标（不含滚动偏移）
   • e.pageX/e.pageY：相对于整个文档左上角（含滚动距离）
   • e.screenX/e.screenY：相对于物理屏幕左上角（基本不用）
• 键盘类事件（keydown、keyup）中：
   • 推荐用 e.key（返回字符，如 "a"、"Enter"）或 e.code（返回物理键位名，如 "KeyA"、"Enter"）
   • e.keyCode 已废弃，不应再使用

四、控制事件行为的常用方法

这些不是属性，但属于 event 对象不可少的能力：

• e.preventDefault()：取消默认行为，比如阻止表单提交、链接跳转、空格键滚动页面
• e.stopPropagation()：阻止事件继续向上冒泡，避免父级监听器被意外触发
• e.stopImmediatePropagation()：不仅阻止冒泡，还阻止同一元素上其他同类型监听器执行
• e.bubbles 属性只读，用于判断该事件类型本身是否支持冒泡（如 click 是 true，focus 是 false）

注意：preventDefault 和 stopPropagation 不影响事件对象本身的属性读取，可以放心放在逻辑开头调用。