js 如何分辨 mac 用户的触控板事件与鼠标滚动事件

[yxcoder]

如题 mac 用户触控板，双指同向滑动（同时向上或者向下），双指反向滑动（放大与缩小功能），鼠标滚动，都使用的是 WheelEvent 事件，type 都是 wheel ，做交互的时候需要区分这三种情况，有啥好用稳定的方法吗？

[also24]

前阵子看到的……

[yimity]

比较好奇，有什么需求需要区分这个？

[xy90321]

https://developer.mozilla.org/en-US/docs/Web/API/Touch_events

试试？

[chengyiqun]

@xy90321 这个 event 应该是监听触屏的.
我没用过 mac, 但是按照我的理解, 触摸板子本身是一个兼容的 ps/2 鼠标. 所以里面的事件才和鼠标的事件是一样的吧.
这怎么区分?

[chengyiqun]

@xy90321 至少在 windows 上, 触摸板是被识别成一个鼠标设备的. 就算支持手势, 手势本身也只是类似游戏鼠标的各种功能键侧键的封装而已, 手势只能用他们预定的格式, 一个手势相当于一个功能键

[yxcoder]

@also24
@yimity
@xy90321
@chengyiqun

结贴：
分辨方法
1.鼠标滚轮 -> e.wheelDeltaY === (e.deltaY * -3)

[yxcoder]

@yxcoder 没输入完就发出去了.....

```
if (e.wheelDeltaY === (e.deltaY * -3)){
鼠标滚动
} else if (ctrlKey === true){
反向滑动
} else {
同向滑动
}
```

https://stackoverflow.com/questions/10744645/detect-touchpad-vs-mouse-in-javascript/62415754#62415754