### One-line summary [问题简述]

火狐浏览器下使用Mac触控板触发的滚动事件无法阻止默认事件(event.preventDefault不生效)。

当使用鼠标中间滚轮的时候,不会让页面触发滚动,可是使用Mac触控板的话,页面会发生滚动,chrome浏览器下则不会有此问题。

为了实现一些echart不支持的功能,我自己通过原生事件控制echart的dataZoom,然后发现火狐滚动事件有兼容性问题,不清楚echart的实现,但产生的问题是一样的,所以想看看大家有没有什么解决方案,或者实现过类似的事情。

```js
    const firefox = navigator.userAgent.indexOf('Firefox') != -1;
    firefox ? eCharts.addEventListener('DOMMouseScroll',mouseWheel) : 
(eCharts.onmousewheel = mouseWheel);
    const mouseWheel = (event) => {
      event = event || window.event;
      if (event.preventDefault) event.preventDefault();
      else event.returnValue = false;
    }
```
### Version & Environment [版本及环境]
+ ECharts version [ECharts 版本]: 3.8.5
+ Browser version [浏览器类型和版本]:firefox lastest
+ OS Version [操作系统类型和版本]: Mac OS 10.13.6

这个可以说是火狐的问题,鼠标中间的滚轮才可以正确的event.preventDefault(),Mac的触控板则不行,(需要有Mac触控板和普通鼠标滚轮去对比查看效果)。



[ Full content available at: 
https://github.com/apache/incubator-echarts/issues/9078 ]
This message was relayed via gitbox.apache.org for [email protected]

Reply via email to