angular7 - 升级到有角度的7，rxjs6时，如何解决 "Property '类型上不存在 'WheelEvent' wheelDelta的问题？

我正在使用rxjs6升级到angular7:在mouseWheelEvent类型中，我正在获得"Property 'wheelDelta' does not exist on type 'WheelEvent'"。
wheelDelta是否有其他选择？

mouseWheelFunc(event: MouseWheelEvent): void {

    //  var event = window.event || event; // old IE support

    let delta = Math.max(-1, Math.min(1, (event.wheelDelta || -event.detail)));

    if ( delta > 0) {
      this.mouseWheelUp.emit(event);
    } else if ( delta < 0) {
      this.mouseWheelDown.emit(event);
    }

    // for IE
    event.returnValue = false;
    // for Chrome and Firefox
    if ( event.preventDefault) {
      event.preventDefault();
    }
  }

最佳答案

似乎WheelEvent不再像上面说的那样具有此属性。现在，他们添加了deltaY和deltaX。

现在，您必须访问event.deltaY而不是event.wheelData。

但是deltaY具有wheelData的相反值。这意味着，当事件上的wheelData为正(向上滚动)时，deltaY将为负数，反之亦然。

示例:

更改此:

        zoomScroll(event: WheelEvent) {
            if (event.wheelDelta > 0) {
                this.zoomIn();
            } else if (event.wheelDelta < 0) {
                this.zoomOut();
            }
        }

为了这:

       zoomScroll(event: WheelEvent) {
           if (event.deltaY < 0) {
               this.zoomIn();
           } else if (event.deltaY > 0) {
               this.zoomOut();
           }
    }

资料来源:https://github.com/Microsoft/TypeScript/issues/9071

关于angular7 - 升级到有角度的7，rxjs6时，如何解决 "Property '类型上不存在 'WheelEvent' wheelDelta的问题？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/54258968/