仅在按下shiftKey时才允许Mousewheel事件

如何解决仅在按下shiftKey时才允许Mousewheel事件

我在我的应用程序中使用Microsoft的Sanddance库。例如，它是一个数据可视化器/图表库，允许用户放大图表并更仔细地浏览数据。我在一页上使用多个图表，但遇到一个问题，当用户想滚动到页面的末尾并且光标在图表上时，他/她会放大或缩小。

我只希望在按下shiftKey时放大图表，这意味着我必须找到一种方法来阻止从.deckgl-overlay触发的鼠标滚轮事件。

<div class='chart'>
  <div class='sanddance-root'>
    <div class='sanddance-gl'>
      <canvas class='deckgl-overlay'></canvas> 
    </div>
  </div>
</div>

画布上附加了Mousewheel事件监听器。当不按Shift键时如何阻止它触发？谢谢