应使用位运算判断多键状态：左键（1）、右键（2）、中键（4）等对应2的幂次，通过 event.buttons & 1、& 2 等检测单键，再用逻辑与组合多键；不可用 === 判断组合值，因其无法排除其他键干扰。
直接用 event.buttons & 数值 判断各键是否按下，再组合逻辑条件，就能准确识别左键+右键、左键+中键等多键同时点击状态。
buttons 的编码规则要记牢
它不是简单相加，而是位掩码：每个按钮对应一个 2 的幂次值：
- 1 → 左键（二进制 001）
- 2 → 右键（二进制 010）
- 4 → 中键（滚轮点击，二进制 100）
- 8 → 第四键（如浏览器后退侧键）
- 16 → 第五键（如浏览器前进侧键）
多个键同时按下时，数值是对应值的按位或（|）。比如左键+右键是 1 | 2 = 3，左键+中键是 1 | 4 = 5，三键全按是 1 | 2 | 4 = 7。
为什么不能用 === 判断组合？
因为 event.buttons === 3 看似能匹配“左键+右键”，但一旦用户同时按下了第四键（值为 8），实际值就变成 3 | 8 = 11，这个判断就会失效。它只在“恰好只有这两个键按下”时才成立，而现实场景中无法保证。
正确做法是分别检测每一位：
-
✅ 左键是否按下：
event.buttons & 1（结果非 0 即为真） -
✅ 右键是否按下：
event.buttons & 2 -
✅ 左键和右键同时按下：
(event.buttons & 1) && (event.buttons & 2) -
✅ 左键+中键：
(event.buttons & 1) && (event.buttons & 4) -
✅ 右键+中键：
(event.buttons & 2) && (event.buttons & 4)
推荐封装成可复用函数
避免每次手写冗长判断，可以定义清晰语义的工具函数：
isLeftDown(e) { return e.buttons & 1; }isRightDown(e) { return e.buttons & 2; }isMiddleDown(e) { return e.buttons & 4; }isLeftAndRight(e) { return isLeftDown(e) && isRightDown(e); }isLeftAndMiddle(e) { return isLeftDown(e) && isMiddleDown(e); }
这样在 mousedown 或 mousemove 事件中调用更直观，也方便后续扩展支持第四、第五键。
注意 event.button 和 event.buttons 的区别
event.button 表示“触发本次事件的是哪个键”（比如 mousedown 时点的是左键，button 就是 0）；
event.buttons 表示“此刻所有仍处于按下状态的键的组合”（哪怕你正在拖动鼠标，只要左键没松开，buttons 就一直含 1）。
所以想响应“拖拽中右键按下”这类行为，必须依赖 buttons；仅靠 button 会漏掉中间状态。
